文章标题

清除浮动的方式

overflow:hidden/scroll/auto;

overflow:hidden;不能和position配合使用，因为超出的尺寸会被隐藏

overflow：auto；内部宽高超过父级div时，会出现滚动条

• 结尾处添加空标签:

<div style=”clear:both”></div>;

可以清除浮动，但也会加入没有用的空标签

.clearfix:before,.clearfix:after{display:block;content:””;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

兼容ie，推荐使用

• 父级div定义height

原理：给父级手动定义height，解决了父级div无法获取高度的问题

缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题，不推荐使用

• 结尾处加br标签clear：both

<br style=”clear:both” />

了解即可