如何防止浮动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; 
}