CSS中的浮动 - 浮动到右边时,空隙/空间留在顶部？

Question

这有点难以描述,但基本上我的页面上浮动的div留下了不受欢迎的空间.这是描述问题的图片.黑匣子是div.

浮动之前:

浮动后:

期望的效果:

而且我不确定它是否有所作为,但我也有一个空的div,其中"clear:both"立即放置在浮动的div之后.

我怎样才能做到这一点？

Answer 1

如果可能float: right div的话div,将HTML中的unsloated 放在之前.

Answer 2

<div class="a1">a1</div>
<div class="a2">a2</div>

.a1
{
 background-color:Red;
  width:200px;
  height:200px;
float:left; 
}
.a2
{
  background-color:Green;
  width:200px;
  height:200px;
  float:left;
}

=======试试这个