如何清除浮动

1
2
3
4
5
.clearfix：after{
    content:'';
    display:block;
    clear:both;
}
1
overflow:hidden

盒子模型

第一种模型是context-box，即width指定的是content区域宽度，而不是实际宽度，公式为

  • 实际宽度 = width+padding+border

第二种盒子模型是border-box，即width指定的左右边框外侧距离公式为

  • 实际宽度 =width

相同点都是用来指定宽度，不同点border-box更好用