Question

我试图理解CSS clear property。我看到它添加了一个新行，并阻止其他元素重叠。我已根据我的个人意见和some readings得出结论。

这是我摆弄的东西：

＆＃13;

.div1 {
  float: left;
  width: 100px;
  height: 50px;
  margin: 10px;
  border: 3px solid #73AD21;
}
.div2 {
  border: 1px solid red;
  clear: left;
}

＆＃13;

<h2>Using clear</h2>
<div class="div1">div1</div>
<div class="div2">div2 - remove
  <mark>clear:left</mark> and see the impact</div>

＆＃13;

你如何向非程序员解释这一点。说出你的wife？

Answer 1

让我们说我们有两排，每排有3把椅子。

现在假设你正坐在第一排中间的椅子上。

如果你说clear:left，那就意味着你不允许任何人坐在你的左边，同样，如果你说clear:right，你不允许任何人坐在你的右边。

如果你说clear:both你不允许任何人坐在两边并选择下一排椅子！

如何解释CSS明确属性？

1 个答案: