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