如何防止浮动div不扩展兄弟姐妹

Question

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

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

如果我向.b添加左边距，其内容不会受到影响，直到填充超过正在浮动的.a的宽度。所以基本上浮动元素像兄弟b一样扩展它下面的div。

我不想那样。我希望第二个div与a相邻并占据其余空间。我不能使用内联块，因为我已经定义了第二个div的确切宽度，这不是我想要的，并且没有css只能告诉第二个div填充右边的可用空间。

Answer 1

问题正在发生，因为你有.b浮动左（它从流中取出）和.a宽度为100％。如果您希望以这种方式保持布局，则需要在.b上使用margin-right而不是{。}}。

padding-left