CSS初始之踩坑

1， margin,padding的百分比是相对与父元素的宽度来进行计算的。页面布局时可以设置 box-sizing: border-box;（把padding放到宽高之内），这样设置padding就可以固定值了。
2， 设置元素居中。一般是块级元素用margin：0 auto；行内元素用text-align：center来居中。或者使用定位来居中。也可以用flexbox，但是flexbox不兼容。
3， 设置元素居中。

{

position: absolute; 

width: 400px;

left: 50%;

margin-left: -200px; /*此处的负值是宽度的一半*/

}

4， 消除浮动。给父元素添加声明overflow:hidden;
5， 消除浮动。在浮动元素下方添加空div,并给该元素添加声明：
{

clear:both;

height:0;

overflow:hidden;

}
6， 消除浮动。万能清除浮动法
选择符:after{

content:".";

clear:both;

display:block;

height:0;

overflow:hidden;

visibility:hidden;

}