浮动塌陷问题 清除浮动的常见方法

浮动元素不占据正常文档流，而我们一般布局时不会给父元素设定高度，因为会随着内容自动增高。 浮动塌陷问题类似如下： 下面两部分产品图在同一个父元素中，图片使用float：left浮动排列，当我要给父元素设置浅蓝色背景时，由于父元素没有设置高度，而潮店酷玩文字下面的图片因为浮动脱离了父元素，没有被包含进去，因此背景颜色没有完全涵盖住这些图片。 解决办法： 1.在父元素的最后添加一个子元素设置清除浮动的

>>阅读原文<<