Я создаю шаблоны, используя сетки и объектно-ориентированные CSS. Цель состоит в том, чтобы отделить компоненты от контейнеров. Проблема, с которой я сталкиваюсь, заключается в том, что в контейнере верхнего и нижнего колонтитула я хотел бы, чтобы компоненты располагались снизу вверх, а не сверху вниз.
Например
<div class="gridX gridY" id ="Footer container">
<div id = "links component"></div>
<div id="copyright component"></div>
<div>
В этом примере требование заключается в том, что «компонент авторского права» должен находиться внизу контейнера нижнего колонтитула (то есть страницы) после других компонентов, размещенных сверху. Прямо сейчас единственный способ, которым я знаю, как это делать, это сохранять фиксированную высоту компонентов, что позволяет мне рассчитывать положение каждого компонента таким образом, чтобы при необходимости он работал сверху вниз. Таким образом, это идет вразрез с целью oocss - иметь возможность менять компоненты в макете, сохраняя гибкость по высоте
display: table -> display: ячейка таблицы с вертикальным выравниванием: в IE не работает дно, поэтому в нашем случае это решение не применимо.
Я новичок в сетках и oocss, возможно, мне не хватает понимания.
как складывать компоненты снизу вверх, а не сверху вниз в заданном сеточном контейнере?
Спасибо,
Margots