Выровнять изображение в нижней части адаптивного контейнера ⇐ CSS

[Anonymous]

Я пытаюсь выравнивать изображения в нижней части контейнера. Однако, поскольку сайт отзывчив, когда я меняю размер окна, изображение перемещается вверх/вниз по контейнеру, так как оно является фиксированным A в определенную точку на странице. < /p>

Есть ли способ исправить базовую линию изображения на базовую линию контейнера на неопределенный срок? По сути, изображение выровнено вниз с самого начала, но, когда окно контактирует, текст заставляет контейнер расширяться, и я в конечном итоге становлюсь с белым пространством под изображением. < /p>

my css для изображения div выглядит следующим образом: < /p>

.floatbottom {

height: 100%;
position: absolute;
bottom:0;
width: 500px;

}
< /code>

css для родительского контейнера: < /p>

#box{

height: auto;
padding-top: 90px;
padding-bottom: 90px;
position: relative;

}
< /code>

html для изображения в контейнере: < /p>






< /code>

Любые идеи будут высоко оценены! < /p>

Подробнее здесь: https://stackoverflow.com/questions/184 ... -container