Есть ли метод кросс-браузера для присоединения некоторого содержимого в <div> к нижней? Одна из трудностей заключается в том, что <div> может иметь произвольную высоту, но я хочу, чтобы определенный контент всегда застрял на ней.
Это было бы сделано в плохие старые дни, как это:
<table style="height: foo;">
<tr><td valign="top">content</td></tr>
<tr><td valign="bottom">stuck to the bottom</td></tr>
</table>
Могу ли я сделать это, не прибегая к этой технике?
Конечно, это довольно легко. Просто установите родительский div с помощью position:relative. Затем, внутренний элемент, который вы хотите придерживаться снизу, просто используйте position:absolute, чтобы вставить его в нижнюю часть элемента.
<div id="parent">
<div id="child">
</div>
</div>
.
#parent {
position:relative;
}
#child {
position:absolute;
bottom:0;
}