流动的一个漂浮Div绕另一个设定高度的Div

Question

假设我有两个div，一个向左浮动，一个向右浮动，右浮动div有一个设定高度。 如果高度增加到那一点，我希望左浮动div内的内容填充右浮动div下方的空间。

我不确定这是否是正确的方法，所以如果有更好的方法，请告诉我。一些搜索让我有可能使用表格（？），但我对此不确定。

＆＃13;

＆＃13;

.A {
  float:left; 
  height: 50%; 
}
.B {
  float:right;
  height:200px; 
  width:50%;
}

＆＃13;

<div class = "A">
  Content of Unknown Height Will Go here
</div>
<div class = "B">
  Contact Information Box
</div>

＆＃13;

＆＃13;

＆＃13;

到目前为止，我只有两个div并排浮动，左边div的内容进一步向下延伸。

Answer 1

只是不要浮动左边的元素，并将它放在右边浮动的元素之后：

#left {
  height: 200px;
  background: #B5E61D;
  border: 5px solid;
}
#right {
  float: right;
  background: #FF7F27;
  height: 100px;
  width: 100px;
  border: 5px solid;
}

<div id="right">Right floated div</div>
<div id="left">Left non-floated div</div>