清除浮动

根据清除浮动的目的,可以分为以下两大类

  1. 防止浮动元素引起兄弟元素布局受到影响;
  2. 防止浮动元素引起父级元素高度塌陷。

css代码示例

/* 清除浮动 */
.clearfix::after {
    content: '\200B';
    clear: both;
    display: block;
    height: 0;
}

.clearfix {
    *zoom: 1;
}
  • content: '\200B';表示一个零宽度的空格

你可能感兴趣的:(清除浮动)