本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷
解决高度塌陷
BFC
父元素的垂直外边距不会和子元素重叠
开启BFC的元素不会被浮动元素所覆盖
开启BFC的元素可以包含浮动的子元素
如何开启BFC
设置元素浮动
设置元素的绝对定位
设置元素为inline-block
将元素的overflow设置为一个非visible的值（副作用最小的）
兼容IE6浏览器
hasLayout zom:1;
本来父元素是由子元素抻开的，子元素设置了浮动之后，子元素就脱离文档流了，父元素无法抻开，就会形成高度塌陷
解决高度塌陷
BFC
父元素的垂直外边距不会和子元素重叠
开启BFC的元素不会被浮动元素所覆盖
开启BFC的元素可以包含浮动的子元素
如何开启BFC
设置元素浮动
设置元素的绝对定位
设置元素为inline-block
将元素的overflow设置为一个非visible的值（副作用最小的）
hasLayout zom:1;
代码：（1）高度塌陷 (2)解决高度塌陷1 (3)解决高度塌陷2 (4)解决高度塌陷3 (5)相对定位 (6)绝对...
高度塌陷 同时解决高度塌陷和外边距重叠
1.浮动 2.高度塌陷 3.解决高度塌陷
高度塌陷 高度塌陷，理解字面意思就是高度坍塌了，不存在了 解决塌陷 当我开启Block Formatting Co...
高度塌陷 这样会造成高度塌陷 解决1 解决2 解决3
高度塌陷： 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷： BFC 1.父元素的...
高度塌陷 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷：BFC 1.父元素的垂直...
flost：left 失去宽度 display·：inline-block 失去宽度 将元素overflow设置为...
flost：left 失去宽度 display·：inline-block 失去宽度 将元素overflow设置...
《相对定位》 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通...
本文标题：高度塌陷
本文链接：https://www.haomeiwen.com/subject/tbryqqtx.html
网友评论