css中清除浮动的一些理解关于css中清楚浮动的理解方法一方法二给父元素加上 overflow:hidden 两种

方法一

clearfix:after{
     content: '';
     display: block; /*或者 table*/
     clear: both;
 }
 .clearfix{
     zoom: 1; /* IE 兼容*/
 }

方法二

给父元素加上 overflow:hidden

第一种盒模型是 content-box，即width指定是content区域宽度，而不是实际宽度，

实际宽度=width + padding + border

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

实际宽度 = width

相同点都是用来指定盒子宽度的，border-box更好用一些