“是什么意思?”;“参与”;在“;正常流量”;在css2.1规范中?
正常流量的定义如下: 正常流量 正常流中的框属于格式化上下文,可以是 块或内联,但不能同时使用两者。块水平盒 参与块格式化上下文。内联电平盒 参与内联格式上下文 所以我的第一个问题是:“参与”到底是什么意思 在“块格式上下文”(BFC)的定义中,它表示: 在块格式上下文中,框会一个接一个地排列, 垂直,从包含块的顶部开始。垂直的 两个同级框之间的距离由“边距”确定 财产。图形中相邻块级别框之间的垂直边距 块格式上下文折叠 正如我们所知,在块容器框(即而不是“块格式上下文”)中,框的布局与上面为“块格式上下文”指定的定义完全相同 所以我的第二个问题是:“参与”意味着块容器的布局行为与“块格式化框”相同 出于我最后一个问题的原因,我引用了这个定义: 在块格式上下文中,每个框的左外边缘都与 包含块的左边缘(对于从右到左的格式,右 边缘接触)。即使在存在浮点数的情况下也是如此(尽管 长方体的线盒可能会因浮动而收缩),除非长方体 建立新的块格式上下文(在这种情况下,框 由于浮动,其本身可能变得更窄) 当我们创建一个包含 对于图像和段落,itt的行为与上述定义完全相同:“是什么意思?”;“参与”;在“;正常流量”;在css2.1规范中?,css,Css,正常流量的定义如下: 正常流量 正常流中的框属于格式化上下文,可以是 块或内联,但不能同时使用两者。块水平盒 参与块格式化上下文。内联电平盒 参与内联格式上下文 所以我的第一个问题是:“参与”到底是什么意思 在“块格式上下文”(BFC)的定义中,它表示: 在块格式上下文中,框会一个接一个地排列, 垂直,从包含块的顶部开始。垂直的 两个同级框之间的距离由“边距”确定 财产。图形中相邻块级别框之间的垂直边距 块格式上下文折叠 正如我们所知,在块容器框(即而不是“块格式上下文”)中,框的布局与上面为“
img{
浮动:左;
}
p{
边框:1px纯红;
}
div元素不是块格式上下文,但其行为类似于块格式上下文!!!div元素不是块格式上下文,但其行为类似于块格式上下文!!!div元素不是块格式上下文,但其行为类似于
块格式化上下文!!!div元素不是块格式上下文,但其行为类似于块格式上下文!!!div元素不是块格式上下文,但其行为类似于块格式上下文!!!
当一个框被称为参与某些格式化上下文时,它只意味着元素是根据该格式化上下文的规则布局的。如果元素参与块格式上下文,则它是块级别的元素,并且由块布局控制。如果元素参与内联格式上下文,则它是内联级别的,并且由内联布局控制。等等
“块容器盒”和“块格式上下文”是两个不同的概念,只是关系非常松散。你似乎把它们混为一谈,这是不明智的
块容器框仅在特定条件下建立块格式上下文。规范中列出了发生这种情况的标准,但基本上块容器盒不建立BFC的唯一时间是当它有display:block;溢出:可见;浮动:无;位置:静态/相对
(从)
如规范中所述,每个块级别框都参与某些块格式上下文。它的父块容器是否建立BFC并不重要。如果其父级未建立BFC,则父级的父级、父级的父级或树中更高的某个其他祖先(一直到根元素)会建立BFC。这意味着单个块格式上下文可以(而且几乎总是这样)包含许多嵌套级别的元素。这统称为正常流量
即使您有一个完整的块盒布局,如果没有一个块盒建立BFC,那么所有块盒都参与根元素建立的同一个BFC(并且根元素保证建立一个)。在以下示例中,所有三个元素都参与根元素的BFC,因此它们受块布局控制,即使它们都没有建立自己的BFC:
<body>
<div>
<p>
</div>
</body>
讨论了存在浮点数时,
溢出:隐藏的
对块格式上下文的影响,但简言之,浮点数从不侵入其他块格式上下文,这就是为什么使p
建立自己的BFC会因浮点数而使其变窄的原因。使div
建立自己的BFC不会改变任何事情,因为p
仍然在参与某些BFC,不管怎样-你只是在改变它参与的BFC是谁的。当一个框被称为参与某些格式化上下文时,这仅仅意味着元素是根据格式化上下文的规则进行布局的。如果元素参与块格式上下文,则它是块级别的元素,并且由块布局控制。如果元素参与内联格式上下文,则它是内联级别的,并且由内联布局控制。等等
“块容器盒”和“块格式上下文”是两个不同的概念,只是关系非常松散。你似乎把它们混为一谈,这是不明智的
块容器框仅在特定条件下建立块格式上下文。规范中列出了发生这种情况的标准,但基本上块容器盒不建立BFC的唯一时间是当它有display:block;溢出:可见;浮动:无;位置:静态/相对
(从)
如规范中所述,每个块级别框都参与某些块格式上下文。它的父块容器是否建立BFC并不重要。如果其父级未建立BFC,则父级的