Для части макета, которую я хочу сделать, я хочу использовать три div, все плавающие рядом друг с другом. Левая и правая имеют набор максимальной ширины, который отлично работает, но я хочу, чтобы средний div расширял свою ширину, чтобы заполнить оставшееся пространство. Чтобы уточнить, левая и правая div могут иметь ширину от 0px до максимальной ширины, в зависимости от того, что есть в каждом, и я хочу, чтобы средний div расширял свою ширину так, чтобы он занимал остальную часть пространства, а не используемые divs с обеих сторон.
Теперь проблема заключается в том, что если в среднем div есть много контента, он расширяется и выталкивает правый div на следующую строку, вместо того чтобы поддерживать его с двумя другими.
Здесь css я до сих пор:
#left-column {
width: auto;
max-width: 200px;
height: auto;
float: left;
}
#middle-column {
float: left;
width: auto;
}
#right-column {
width: auto;
max-width: 200px;
height: auto;
float: right;
}
... и HTML:
<div id="left-column">...</div>
<div id="middle-column">...</div>
<div id="right-column">...</div>
Я думаю, что это можно сделать, используя таблицу из трех столбцов, одну строку, но я абсолютно НЕ хочу использовать таблицы. Я хочу выполнить как можно больше, используя чистый css.
Спасибо!