流动一浮动div围绕另一个div高度设置

Question

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

我不确定这是否是正确的方法，所以让我知道是否有更好的方法。几次搜索使我可以使用表（？），但我不确定这一点。

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

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

到目前为止，我刚才的两个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>