Отделение в другом изображении отделения и коде ниже. Поскольку будет текст и изображения родительского отделения. И красное отделение будет последним элементом родительского отделения.
<div style="width: 200px; height: 150px; border: 1px solid black;">
<div style="width: 100%; height: 50px; border: 1px solid red;">
</div>
</div>
<div style="width: 200px; height: 150px; border: 1px solid black;position:relative">
<div style="width: 100%; height: 50px; border: 1px solid red;position:absolute;bottom:0">
</div>
</div>
-121--660840- Это один из способов
<div style="position: relative;
width: 200px;
height: 150px;
border: 1px solid black;">
<div style="position: absolute;
bottom: 0;
width: 100%;
height: 50px;
border: 1px solid red;">
</div>
</div>
Но поскольку внутренний див расположен абсолютно, вам всегда придется беспокоиться о другом содержимом во внешнем див, перекрывающем его (и вам всегда придется установить фиксированные высоты).
Если вы можете сделать это, лучше сделать этот внутренний объект DOM последним объектом DOM во внешнем DIV и установить для него значение "clear: both".
Сделайте внешнюю div положение = "относительную"
и внутренний div положение = "абсолют"
и установить его дна = "0 «
.
<div style="width: 200px; height: 150px; border: 1px solid black;position:relative">
<div style="width: 100%; height: 50px; border: 1px solid red;position:absolute;bottom:0">
</div>
</div>