- 浮动注意点
- 清除浮动
1.本质是清除浮动造成的影响
2.如果父盒子本身有高度 则不需要清除浮动
3.清除浮动之后 父级就会自动检测高度 就不会影响其他的元素了
清除浮动的策略是 闭合浮动
left 清除左侧浮动影响
right 清除右侧浮动影响
both 清除两侧浮动影响
一般情况下 几乎都使用both
clean:both;
- 清除浮动方法
1.额外标签法 在浮动元素末尾添加一个空的元素
这个添加的元素 必须为块级元素
2.父级添加
overflow: hidden/auto/scroll;
3.伪元素清除 (标签法升级)
父级元素添加
.clearfix::after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hi