2014-09-25 91 views
0

假設我有兩個div,一個向左浮動,一個向右浮動,右側浮動div具有設定高度。 我想要左浮動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的內容來延長太多進一步下跌。

here is what I am going for

+0

安置自己的HTML和CSS請。 – j08691 2014-09-25 17:17:23

回答

3

只是不上浮左元素,並把它放在右邊浮動的一個後:

#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>

+0

對於那些好奇的原因,在這裏解釋:http://stackoverflow.com/questions/25475822/why-does-css-float-not-change-the-width-of-the-following-div/25476238 #25476238 – 2014-09-25 20:11:17