高度塌陷、BFC

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

BFC

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

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

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

开启BFC

1.设置元素浮动

2.设置元素绝对定位

3.设置元素为inline-block

(前三种不推荐)

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

IE6及下的浏览器中不支持BFC,可以用haslayout中zoom:1;

你可能感兴趣的:(高度塌陷、BFC)