Как управлять элементами (1-я фиксированная ширина, 2-я ширина, связанная с содержимым, 3-я остальные), чтобы они совмещались в пределах общей ширины

Question

Я хочу расположить три элемента (ячейки или деления) рядом друг с другом.Все элементы вместе должны иметь ширину 1000 пикселей.Первый элемент имеет фиксированную ширину 200 пикселей.Второй имеет различную ширину, но должен быть «неряшливым».Третий элемент является жадным и должен заполнять оставшееся пространство.

Я подошел к этой проблеме с таблицей, но не увенчался успехом.Есть идеи?

Answer 1

Хороший результат не гарантирую, но:

#enclosing { width: 1000px }
#first { width: 200px; max-width: 200px }
#second { width: 1px }

может дать хорошие результаты в таблице.