zxdfe / FE-Interview

Every step counts
34 stars 1 forks source link

第26题:如何清除浮动? #27

Open zxdfe opened 1 year ago

BlueSky-Engineer commented 1 year ago
  1. 使用给父级添加overflow属性(父元素添加overflow:hidden)
  2. 使用after伪元素清楚浮动
  3. 使用before和after双伪元素清楚浮动
szgyFE commented 1 year ago

清除浮动主要是为了解决父盒子里的子盒子浮动导致父盒子高度塌陷为0的问题 方法: 1、直接给父盒子添加高度 2、添加一个空标签 并设置clear:both 3、创建BFC:给父盒子设置overflow:hidden或者auto 4、使用after伪元素清楚浮动 5、使用before和after双伪元素清楚浮动