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