一个元素的css设置了浮动(float),会影响到他下面的元素,使html页面显示达不到预期的效果,下面介绍几种值得推荐的有效清除浮动的方法。
方法一:在设置浮动元素的后面新增一个div,将其设置成clear:both
例:
.clearfloat{ clear: both; } 方法二:在设置浮动元素的后面新增一个br,将其设置成clear:both
例:
.clearfloat{ clear: both; } 方法三:将父元素的overflow设为隐藏 例:
例:
.top_content{margin:0 auto;width:1000px;overflow: hidden}