1.position：fixed：在浏览器上静止不动，相对浏览器进行定位，设置top：20px；left：20px；即定位在左上角；
2.z-index没必要太大，只要有相对大小即可；默认为0。
2.position：relative，相对于原来的文档流位置，其他的元素还是认为它在原来的文档流位置没变。
3.position：absolute，指相对父容器拥有定位元素进行偏移，如一个div2的父元素div1设置了position（relative、fixed、absolute中的任意一个），则div2相对于div1进行偏移，如果父元素没有设置position，则继续向上追溯，直到找到document,相对其进行偏移。
absolute会脱离文档流，其他文档流中的元素认为其不存在。
4.如何让一个元素垂直水平居中：父元素设置position，子元素设置position：absolute；left：50%；top：50%；margin-top：-1/2高；margin-left： -1/2宽；
5.浮动对文字的影响：文字会环绕浮动元素。
6.清除浮动的方法：clear：none/both/left/right，
7.去除inline-block的缝隙：margin-left：-4px，给他的父元素设置font-size：0，再设置自己的字体；设置浮动，父元素设置overflow：auto/hidden。有缝隙是因为li之间有个空格，现在font-size为0了，这个空格占位的宽度也就为0了，所以缝隙就没了。
8.使用*display：inline来对inline-block进行兼
容，只在IE6/7下存在。
9.形成BFC(block formating content 块级格式化上下文)的方法：inline-block，overflow：auto/hidden，设置float：left。形成一个和其他空间隔离开的空间。表现为清除浮动，可以撑起元素。在后面添加一个元素，为其设置clear：both。使用伪类：“：after{
content：“ ”（行内元素）；display；inline-block/block；clear：both；
}”。
一个父元素里面的元素有浮动，父元素必须设置为清除浮动，不然它会以为自己里面是空的，无法撑开。
header变成BFC的另一种写法：line-height:3em;font-size:12px;clear:both;border:1px solid #ccc;里面的li设置左浮动，ul设置左浮动或清除浮动。
10.使块级元素在行内显示的方法：inline-block；让其浮动，并让父元素清除浮动。
网友评论