四个原则
- 红色区域高度由内部文档流中的元素高度的整体决定
-
float元素不在normal flow里 - 所以红色元素不一定可以包裹住
float元素 - 用了
float就一定要清除浮动
站位问题
- 块级元素看不见浮动元素
- 内联元素会看的见让开位置
清除浮动
通过给浮动元素最后的元素进行设置,使正常流包住浮动元素
添加伪元素
parent：：after{
content:" ";
display:block;
clear:both;
}
也可以添加类
.clear{
display:block;
clear:both;
}
清除浮动后
clear清除浮动，块级元素往下跑，内联元素往左右跑
