«

CSS教程:3种清除浮动的方法详解

六思逸 发布于 阅读:2171 HTML


  1. 使用空元素清除浮动
.clearfix::after {
  content: '';  /* 空内容 */
  display: block;  /* 块级元素 */
  height: 0;  /* 高度为0 */
  clear: both;  /* 清除浮动 */
}
  1. 使用父元素清除浮动
.parent:after {
  content: '';  /* 空内容 */
  display: block;  /* 块级元素 */
  height: 0;  /* 高度为0 */
  clear: both;  /* 清除浮动 */
}
  1. 使用 CSS 样式清除浮动
.clearfix {
  overflow: auto;
}

CSS 清除浮动 空元素 父元素 样式


扫描二维码,在手机上阅读