什么是BFC
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干
1.The value of float is not none
2.The value of position is neither static nor relative
3.The value of display is table-cell, table-caption, inline-block, flex, or inline-flex
4.The value of overflow is not visible.
子元素设置了float属性脱离文档流从而无法撑起父父容器高度。
外margin无法显示
1.clear
在最后设置一个空元素其属性clear:both
2.父容器overflow:auto/hidden
3.父容器display:flow-root
什么是BFC BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的...
高度塌陷问题：子元素浮动父元素的高度没了，就会造成高度塌陷，可以开启bfc来解决这个问题，bfc有三种特性 1.父...
创建一个BFC 根据BFC的规则计算BFC的高度时，浮动元素也参与计算, 父级元素设置为overflow：hidd...
CSS基础知识(五) 解决高度塌陷一: BFC:1.开启BFC元素不会被浮动元素覆盖 2.开启BFC元素可以包...
BFC CSS中的BFC BFC：block formatting context块级格式化上下文； BFC 与清...
高度塌陷： 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷： BFC 1.父元素的...
高度塌陷 ： 块的格式化环境 BFC BFC (隐含的属性) 1.父元素的垂直外边距不会和子元素重叠； 2....
高度塌陷 块元素默认父亲宽，高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷：BFC 1.父元素的垂直...
高度塌陷 父元素撑起子元素的宽高度 但通过float设置子元素分离 这就是高度塌陷 BFC 设置模块的打开和关闭，...
本文标题：BFC与高度崩塌
本文链接：https://www.haomeiwen.com/subject/sqegactx.html
网友评论