如何清除元素浮动?

2018-09-19  本文已影响0人  IT路上奋斗的小孩

因为浮动元素会让父级标签无法计算元素的高度,所以我们需要清除浮动。

第一种方式:在父级元素添加overflow:hidden      (触发浏览器的BFC机制,强制计算浮动元素的高度 )    需要兼容IE6  设置 zoom:1

第二种方式:在浮动子元素同级最后加一个空白的标签,设置clear:both,也可清除浮动(让上面兄弟标签,清除浮动的影响)

第三种方式:父容器使用伪类:after跟zoom

上一篇下一篇

猜你喜欢

热点阅读