Я работал с CSS достаточно, чтобы я мог получать столбцы для работы вместе с содержимым, если у меня есть определенное количество столбцов: я просто определяю боковую панель (ы) в HTML перед контентом, и указывать, что они плавают влево или вправо, при этом содержимое оставляет пометку слева или справа так, что она не течет в пространство ниже конца боковой панели.Динамически растягивается на основе количества столбцов фиксированной ширины
У меня есть новый вызов, хотя количество столбцов может варьироваться между страницами. В моем HTML, Я не хочу указывать содержимое боковой панели до содержимого главной страницы, хотя это единственный способ, которым я знаю, как это сделать.
По существу, я хочу HTML выглядеть следующим образом:
<div id="container">
<div id="content">
<!-- Main body content goes here. -->
</div>
<div class="sidebar">
<!-- Sidebar DIV should appear to the right of the content DIV. -->
</div>
<div class="sidebar">
<!--
Another sidebar DIV, with this one *preferably* appearing to the
right of the one above, since it appears lower in the code and is
assuming LTR. I'm open to CSS that makes this sidebar appear to
the left instead of the right, however.
-->
</div>
<!-- Any number of additional sidebar DIV's can appear here. -->
</div>
Я не уверен, если я должен пытаться плавать содержание/боковой панели DIV, делают их позиции абсолюта, указать ширину и т.д. чтобы сделать контент растянутым автоматически с переменным числом боковых панелей. Вероятно, стоит отметить, что размер каждой боковой панели будет постоянным.
div.sidebar {
width: 100px;
}
На заключительной ноте: если есть улучшение, я могу сделать в HTML, который поможет, (например: окружающий всем элементы боковой панели DIV в родительской DIV, такие как <div id="sidebars">), я открыт для предложений там также.