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;
}