高度塌陷:父元素由子元素高度撑开,但子元素浮动,脱离文档流,此时无内容支撑,父元素塌陷
BFC
1.父元素的垂直外边距不会和子元素重叠
2.开启BFC的元素不会被浮动元素所覆盖
3.开启BFC的元素可以包含浮动的子元素
开启BFC
1.设置元素浮动
2.设置元素绝对定位
3.设置元素为inline-block
(前三种不推荐)
4.将元素的overflow设置为一个非visblie的值
IE6及下的浏览器中不支持BFC,可以用haslayout中zoom:1;
高度塌陷:父元素由子元素高度撑开,但子元素浮动,脱离文档流,此时无内容支撑,父元素塌陷
BFC
1.父元素的垂直外边距不会和子元素重叠
2.开启BFC的元素不会被浮动元素所覆盖
3.开启BFC的元素可以包含浮动的子元素
开启BFC
1.设置元素浮动
2.设置元素绝对定位
3.设置元素为inline-block
(前三种不推荐)
4.将元素的overflow设置为一个非visblie的值
IE6及下的浏览器中不支持BFC,可以用haslayout中zoom:1;