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

CSS, HTML, Вопросы и ответы
24 февраля 2012

Вопрос

Предположим, что есть следующий 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’. Но, по-моему, пора уже начать переворачивать эту страницу.

Пример

Нет комментариев

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


(обязательно)