常用清除浮动的方法,如不清除浮动会怎样?

当父元素不给高度的时候,内部元素不浮动时会撑开, 而浮动的时候,父元素变成一条线, 造成塌陷.

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

  • 父元素添加overflow:hidden; (触发BFC)

  • 使用after伪元素清除浮动(推荐使用)

  • 使用before和after双伪元素清除浮动

posted @ 2020-12-15 16:58  咔啡  阅读(476)  评论(0编辑  收藏  举报