爲什麼垂直佈局內聯格式框中的框？

Question

「div＃wrapper」是否爲它的後代創建BFC？

<div id="wraper" style="overflow:visible"> 
    <div></div> 
    <div></div> 
<div> 

浮標，絕對定位元素，塊容器（如直列塊，表細胞，和表字幕）未阻斷盒，和塊盒用「溢出」比其他「可見'（除非該值已傳播到視口）爲其內容建立新的塊格式上下文。

「div＃wraper」的'overflow'是'visible'，所以它不會創建BFC而是內聯格式化上下文。

然而，後代垂直佈局，符合BFC的規則。

如何解釋矛盾，內聯格式上下文框是垂直佈局的？

Answer 1

您的整個問題的前提是有缺陷的。假設內部div保留其默認樣式，那麼它們是塊框，這意味着#wraper無法在這種情況下首先建立內聯格式化上下文。

內部div參與塊佈局，但他們參與已存在的任何BFC（即#wraper本身也參與）。這可以來自符合建立BFC標準的某個祖先;否則，它是根元素的BFC。