Я пытаюсь использовать сетку из tinyfluidgrid.com и подозреваю, что делаю это неправильно.
Я бы хотел, чтобы различные компоненты сетки (в данном случае текстовое поле и кнопка) были выровнены по нижней части строки («контейнер»). На данный момент кнопка выравнивается по верху текстового поля.
Проблема заключается в том, что высота для текстового поля div и кнопки div различны. Я мог бы явно установить высоту для контейнера, но я должен был бы делать это везде, где появляется эта проблема (почти в каждой строке), что было бы не красиво.
Я пробовал position:absolute; bottom:0, но это подталкивает все к нижней части страницы.
Правильно ли я использую сетку? Неужели мне нужен «очистить» для каждого ряда? А как мне выровнять кусочки сетки по низу ряда?
Вот оно в jsfidle: http://jsfiddle.net/MNkpj/2/
<div class="container">
<div class="grid_1"> </div>
<div id="description_div" class="grid_9">
<textarea id="project_description" class="empty">Enter description here.</textarea>
</div>
<div class="grid_2"><button class="sbutton" type="submit" id="description_save">Save</button></div>
<div class="grid_4"> </div>
<div class="clear"></div>
</div>