Возможно ли перевести эту разметку таблицы в CSS?

Question

Большая часть табличной разметки может быть переведена на CSS.Однако, вот одна ситуация, для которой я не могу найти точный перевод CSS.По сути, два столбца, в которых левый столбец расширяется до минимальной ширины, необходимой для содержания, а второй столбец заполняет остальную часть экрана.Это возможно даже в CSS?

<table width="100%">
    <tr>
        <td>This will expand to the minimum it needs.</td>
        <td width="100%">This cell tries to get as much width as it can.</td>
    </tr>
</table>

Answer 1

Я просто подумал попробовать это, что, кажется, работает, но я не знаю, есть ли проблемы с этим (например, совместимость браузера). Если вы можете предоставить лучшее решение или даже такое же решение с дополнительной информацией, я приму ваш ответ.

<div>
    <div style="float: left;"></div>
    <div style="overflow: hidden;"></div>
</div>