在页面中如果采用了浮动，那么清除浮动则是必须要进行的操作，否则可能引起一些意想不到的后果。
本章节不会对浮动或者清除浮动的原理做介绍，只是分享一下清除浮动的几段代码，因为有些朋友可能需要的就是一个代码实例，关于浮动或者清除清除浮动的相关内容可以参阅相关阅读。
一.使用overflow清除浮动:
蚂蚁部落 *{ margin:0px; padding:0px;}#box{ list-style:none; width:150px; overflow:hidden; border:1px solid red; margin:50px;}#box li{float:left;} 蚂蚁部落一 蚂蚁部落二 蚂蚁部落三 蚂蚁部落四 在父元素上添加overflow:hidden即可清除浮动。
二.在浮动元素后面添加一个空标签:
蚂蚁部落 *{ margin:0px; padding:0px;}#box{ list-style:none; width:150px; overflow:hidden; border:1px solid red; margin:50px;}#box li{float:left;}.clear{clear:both} 蚂蚁部落一 蚂蚁部落二 蚂蚁部落三 蚂蚁部落四
查看更多关于css清除浮动代码实例演示_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110632