高度塌陷、BFC

高度塌陷：父元素由子元素高度撑开，但子元素浮动，脱离文档流，此时无内容支撑，父元素塌陷

BFC

1.父元素的垂直外边距不会和子元素重叠

2.开启BFC的元素不会被浮动元素所覆盖

3.开启BFC的元素可以包含浮动的子元素

开启BFC

1.设置元素浮动

2.设置元素绝对定位

3.设置元素为inline-block

（前三种不推荐）

4.将元素的overflow设置为一个非visblie的值

IE6及下的浏览器中不支持BFC，可以用haslayout中zoom：1；

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。