高度塌陷
- 本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷
- BFC
- 父元素的垂直外边距不会和子元素重叠
- 开启BFC的元素不会被浮动元素所覆盖
- 开启BFC的元素可以包含浮动的子元素
- 设置元素浮动
- 设置元素的绝对定位
- 设置元素为inline-block
- 将元素的overflow设置为一个非visible的值（副作用最小的）
.box{
border:10px red solid;
overflow:hidden;
}
兼容IE6浏览器
hasLayoutzom:1;
推荐阅读
- JS中的各种宽高度定义及其应用
- 无意
- 我的剩女日记1
- 周末的幸福时光
- 高度自律等于成功的第一步
- 2019/3/29
- iOS自适应高度的TableViewCell
- 2021.5.5|2021.5.5 五一第五天
- 小高兴
- 2019-04-30多云