本页目录

float 浮动布局

目前已经很少使用，浮动元素会脱离文档流，其父元素会高度塌陷。

实现三栏布局

经典的三栏布局：双飞翼、圣杯布局就是使用 float 布局实现，具体代码查看经典布局菜单

清除浮动

一般使用伪元素实现

css

.clearfix::after {
    content: "",
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix::after {
    content: "",
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}