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; 清两侧浮动