Question

根据[W3] [1]，

正常流程中的一个元素，用于建立新的块格式上下文（例如'溢出'除'可见'之外的元素）必须不与同一块格式中任何浮点数的边距框重叠上下文作为元素本身。

Answer 1

您从报价中删除了关键位。引用应该是

表的边框，块级替换元素或正常流程中的元素，用于建立新的块格式上下文（例如'溢出'除'可见'之外的元素）必须不与同一块格式中任何浮点数的边距框重叠上下文作为元素本身。

BFC的边框不得重叠。 BFC的边距框不受限制。

Answer 2

试试这个：

＆＃13;

.float{
  width:200px;
  height:300px;
  float:left;
  background:yellowgreen;
  margin-right:10px;
}
.bfc{
  overflow:hidden; /*establish a new bfc*/
  width:366px;
  height:400px;
  float: right;
  background:blue;
  margin-left:50px;/*overlap with div.float*/
}

＆＃13;

<div class="float"></div>
<div class="bfc"></div>

＆＃13;

我缩小了.bfc的宽度，并将float:rigth;添加到同一个选择器。

如何理解以下报价？

2 个答案: