How to get a block to fill the rest of the horizontal space next to the float without using `overflow: hidden 'or fields?

Question

The technique I'm most used to installing the block next to the float with is to set the block to overflow: hidden; and it expands to fill the "remaining" horizontal space, assuming that it itself has no descendant block elements, which makes it impossible.

Example: http://jsfiddle.net/hPBHM/

I am also familiar with using to put the width of the float as the field of another block. But this is not suitable in 100% of cases, especially when the width of the float is unknown.

The only remaining option to use table-cell ? Are there any other features that I miss?

Answer 1

As far as I know, there are no more possible solutions in CSS.

Of course, there is a JavaScript method if it is critical and the width is unknown. But this is not a recommended approach for normal cases.