Web前端学习—基础篇(19)_页面布局中浮动是什么？浮动有哪些特性，它会引发什么问题？怎么清除浮动？

4.9.5、清浮动的方法

(1) 为浮动元素的父级盒，设置固定的高度——不够灵活，适用于高度固定的布局中

(2) 为浮动元素的父级盒，加浮动——会产生新的浮动问题

(3) 为浮动元素的父级盒，加overflow属性，属性值hidden|auto|scroll——可能会导致内容显示不完全，代码简洁

​ overflow属性 内容的溢出处理：

overflow: visible; 默认值 溢出内容显示

overflow: hidden; 溢出内容隐藏

overflow: auto; 自动

overflow: scroll; 溢出显示滚动条

overflow: inherit; 从父元素继承

overflow属性值

overflow-x属性 只包含水平方向
overflow-y属性 只包含垂直方向

(4) 在浮动元素之后，与浮动元素呈现并列关系的位置，加一个空div(不设置浮动，没有尺寸)，在空div上加属性clear:both; ——代码冗余，通俗易懂，书写方便.
(5)在浮动元素的父级盒上添加类名clearfix，并设置样式

.clearfix{
        *zoom: 1;
    }
.clearfix::after{
        content: "";
        display: block;
        clear: both;
    }

不会在结构上出现代码冗余，可以复用,推荐使用。

​ clear属性 清浮动

clear: left; 清左浮动
clear: right; 清右浮动
clear: both; 清两侧浮动