为什么内联格式化框中的框是垂直布局的？

Question

＆＃34; div＃wraper＆＃34>为其后代创建一个BFC？

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

  

浮动，绝对定位的元素，阻止不是块框的容器（例如内联块，表格单元格和表格标题），以及带有溢出框的块框。除了＆＃39;可见＆＃39; （当该值已传播到视口时除外）为其内容建立新的块格式化上下文。

＆＃39;溢出＆＃39; ＆＃34; div＃wraper＆＃34;是可见的，因此它不会创建BFC，而是创建内联格式化上下文。

然而，后代是一个接一个地垂直布置，符合BFC的规则。

如何解释矛盾，内联格式化框中的框是垂直排列的？

Answer 1

你整个问题的前提是有缺陷的。假设内部div保留其默认样式，那么它们就是块框，这意味着#wraper首先不可能在那种情况下建立内联格式化上下文。

内部div参与块布局，但是他们参与任何已经存在的BFC（#wraper本身也参与）。这可以来自符合建立BFC标准的某些祖先;否则，它是根元素的BFC。