html - float div的宽度

Question

我有两个 float div。
我希望第一个 div 的宽度为 100px，而另一个 div 的宽度为其余部分。像这样的东西:

<div style="float:right;width:100px;height:100px;background:black;"></div>
<div style="float:left;width:100%;height:100px;background:yellow;"></div>

这里是 jsfiddle .

有一个规则:我不知道页面的宽度!

Answer 1

如果您将 float:left;width:100%; 从第二个 div 中去掉，它应该可以按您希望的方式工作。当一个 block 向右浮动时，非 float 对象会围绕它流动。由于您已将两个 block 的 高度 设置为相同，因此它们会很好地对齐。

我已经更新了你的 jsfiddle展示这是如何工作的。