如何防止浮動DIV從沒有延長兄弟姐妹

Question

的jsfiddle：http://jsfiddle.net/techsin/ur2w4p86/

<div class="cont"> 
    <div class="a"></div> 
    <div class="b"> 
     asdfsdf 
    </div> 
</div> 

如果我添加左填充到.B，其內容沒有得到影響，直到填充比的寬度。一，正在漂浮。所以基本上浮動元素擴展它下面的div像兄弟b。

我不想那樣。我想第二個div與a相鄰，並佔據其餘的空間。我不能使用內聯塊，因爲那麼我必須定義第二個div的確切寬度，這不是我想要的，並且沒有css唯一方法來告訴第二個div來填充可用空間。

Answer 1

問題正在發生，因爲您將.b左移（將其從流中移出）和.a寬度爲100％。如果你想保持你的佈局這種方式，你需要使用的。一個替代padding-left一個margin-right上.B

.a { 
    background-color: green; 
    width: 26%; 
    float: left; 
    margin-right: 10px; 
}