108
  • 为什么要清除浮动?清除浮动的方式?

  • 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素,高度会塌陷, 而高度的塌陷使我们页面后面的布局不能正常显示。

  • ① 额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear: both;)(不推荐)

    • 优点:通俗易懂,方便
    • 缺点:添加无意义标签,语义化差
  • ② 父级添加 overflow 属性(父元素添加 overflow: hidden)(不推荐)

    • 优点:代码简洁
    • 缺点:内容增多的时候容易造成不会自动换行,导致内容被隐藏掉,无法显示要溢出的元素
  • ③ 使用 after 伪元素清除浮动 (推荐使用)

Camila Waz 2020-09-01 15:33:28
282访问人次
Camila Waz 2022-03-15 15:13:54
html Camila Waz 2019-07-27 14:34:39