清除浮动的几种方法

清除浮动的目的: 解决高度塌陷。
方法
  1. clear: both 1.0

  1. clear: both 2.0

注意只能使用:after添加clear:both, 因为只有在所有浮动的元素的最后面添加clear:both才是有意义的。

  1. overflow

原因:overflow: hidden会重新创建一个BFC这样就解决了高度塌陷的问题。


图片.png

你可能感兴趣的:(清除浮动的几种方法)