Подтвердить что ты не робот

HTML: Якорный элемент блока внутри дна родительского блока?

Есть ли метод кросс-браузера для присоединения некоторого содержимого в <div> к нижней? Одна из трудностей заключается в том, что <div> может иметь произвольную высоту, но я хочу, чтобы определенный контент всегда застрял на ней.

Это было бы сделано в плохие старые дни, как это:

<table style="height: foo;">
    <tr><td valign="top">content</td></tr>
    <tr><td valign="bottom">stuck to the bottom</td></tr>
</table>

Могу ли я сделать это, не прибегая к этой технике?

4b9b3361

Ответ 1

Конечно, это довольно легко. Просто установите родительский div с помощью position:relative. Затем, внутренний элемент, который вы хотите придерживаться снизу, просто используйте position:absolute, чтобы вставить его в нижнюю часть элемента.

<div id="parent">
    <div id="child">
    </div>
</div>

.

#parent {
  position:relative;
}
#child {
  position:absolute;
  bottom:0;
}