Skip to content

Latest commit

 

History

History
18 lines (9 loc) · 687 Bytes

浏览器清除浮动的方式及其原理.md

File metadata and controls

18 lines (9 loc) · 687 Bytes

浏览器清除浮动的方式及其原理?

清除浮动的四种方式

  • clear样式

  • 父级元素结束标签之前插入清除浮动的块级元素

  • 利用伪元素(clearfix)

  • 利用overflow清除浮动(先了解BFC)

    其实前三种清除浮动原理基本相同,都是利用了clear,自我认为清除浮动主要是为了解决父元素的塌陷问题以及兄弟元素的排版问题。

    这里再附上一篇链接关于BFC

具体浮动原理请查看 清除浮动