css - 如何强制 float 的 div 填充剩余的水平空间？

Question

抱歉，我的问题标题不是很清楚。我在搜索解决方案时试图为它找到一个合适的名称，但找不到描述它的确切方式。

我有固定大小的 div，它必须向左浮动并且表现得像内联 block 。我在页面右侧有一个内容区域。这是一个演示我的意思的例子:http://jsfiddle.net/7sp5M/ .如果我尝试更改结果区域的宽度，div 将尝试适应 block 的区域。问题是 block 区域和内容区域之间存在间隙。我需要内容区域具有最小宽度，并且我希望该区域水平增长以填补这个空白:http://img89.imageshack.us/img89/296/floatingdivs001.png .

例如 block 的宽度是100px；最小内容区域应为 200 像素。我需要内容宽度从 200px 到 299px 不等，具体取决于 block 的区域宽度。

请问是否可以用纯 HTML/CSS 实现这种行为？我没有避免使用表格的限制，因此任何可行的方法都是合适的。

更新:感谢大家的评论。似乎不可能用纯 HTML/CSS 实现它。我对此不确定，因为我还不太擅长 CSS。我只是用 JavaScript 和 jQuery 实现了这种行为，它按照我需要的方式工作。

Answer 1

然后我通常会在 block div 中放置一个内部容器，这样我就可以在不影响宽度的情况下分配填充:

.block { width: 20%; }
.block > .inner { padding-left: 10px; }
.block:fist-child > .inner { padding: 0; }
<div class="block">
    <div class="inner">
        block
    </div>
</div>