在左浮动元素之后阻止级别元素

时间:2016-03-06 03:32:15

标签: html css css-float



.redBox {
  background-color: red;
  margin: 10px;
  height: 100px;
  width: 100px;
  float: left;
}
.blueBox {
  background-color: blue;
  margin: 10px;
  height: 100px;
  width: 100px;
}

<body>
  <div class="redBox"></div>
  <!--<div class="blueBox"></div>-->
  <p>Hello</p>
</body>
&#13;
&#13;
&#13;

我试图了解float + clear的工作原理。我的理解是,除非你在浮动元素后面的块级元素上设置清楚,否则它将从左上角开始结束。我们看到如果你取消评论bluebox div。我的问题是为什么在块级元素p中看不到这种行为?为什么不在div后面开始?

0 个答案:

没有答案