HTML/CSS. Возможно ли позиционирование “float: bottom”?

Вопрос

Предположим, что есть следующий HTML:

<div id="container">
<!-- Здесь другие элементы -->
<div id="copyright">
Copyright
</div>
</div>

Я бы хотел сделать так, чтобы с id ‘copyright’ «прилипал» внизу контейнера div, можно ли этого добиться без использования абсолютного позиционирования? Если бы в свойства «float» была поддержка значения «bottom», это было бы то, что мне нужно. Но к сожалению, такого значения нет.

Ответ №1

Очевидно, нет.
Назначь position:relative своему диву-контейнеру, а затем position:absolute и bottom:0 диву-копирайту:

#container {
background: aqua;
position:relative;
height: 100px;
}
#copyright {
background: orange;
position:absolute;
bottom:0;
}

Метод не сработает в IE6, он не знает значения ‘bottom’, только ‘top’ и ‘left’. Но, по-моему, пора уже начать переворачивать эту страницу.

Пример

No responses yet

Добавить комментарий