css - 如何在不使用 `overflow: hidden` 或边距的情况下获得一个 block 来填充 float 旁边的剩余水平空间？

Question

在 float 旁边设置 block 时，我最习惯的技术是将 block 设置为具有overflow: hidden; 并扩展以填充“剩余的”水平空间，假设它本身没有使其不可能的后代 block 元素。

示例:http://jsfiddle.net/hPBHM/

我也很熟悉将 float 的宽度作为另一个 block 的边距的用法。但这并不适合 100% 的时间，尤其是当 float 的宽度未知时。

table-cell 是唯一剩下的选项吗？还有其他我忽略的可能性吗？

Answer 1

据我所知，仅靠 CSS 没有更多可能的解决方案。

当然有 JavaScript 方式，如果它很关键且宽度未知。但对于正常情况，这不是推荐的方法。