html – 在CSS中浮动 – 浮动到右边时,空隙/空间留在顶部?

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

浮动之前:

浮动后:

期望的效果:

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

我怎样才能做到这一点?

最佳答案
<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;
}

=======尝试这个

转载注明原文:html – 在CSS中浮动 – 浮动到右边时,空隙/空间留在顶部? - 代码日志