Я не понимаю, почему элемент <footer> в моем коде не находится в самом низу его страницы.Почему этот элемент не расположен внизу?
Вот скрипка:
Я установил позицию как колонтитул и его родитель, и я также дал ему определенную высоту. HTML и тело имеют высоту: 100%.
Так почему же это не работает?
Вы должны сделать положение: абсолютное; http://jsfiddle.net/Kd5Xx/1/
footer {
position:absolute;
}
Спасибо, но это вызовет проблемы, если динамический контент на странице превышает 100% от высоты страницы. фиксированное позиционирование, возможно, решение, но с другой стороны, мне пришлось бы разобрать элементы выше – user2422960
@ user2422960 посмотреть на это http://jsfiddle.net/Kd5Xx/6/, нет никаких изменений в css только ond div arround «lorem ipsum» не то, что вы хотите? – caramba
Извините, моя вина. Я забыл упомянуть, что нижний колонтитул должен быть внизу внизу даже в том случае, если содержание выше составляет менее 100% от высоты тела. Я пробовал этот случай со своей скрипкой, и это сработало, но я просто могу " t заставить его работать здесь, в моем проекте. Должна быть еще одна проблема, большое спасибо за ваши усилия – user2422960
Потому что это позиционируется 'относительный'. Вместо этого используйте 'absolute'. – Vucko
Когда я попробовал ваш пример jsfiddle, нижний колонтитул был единственным, что вы определили. Когда я добавлял другой текст тела выше нижнего колонтитула, нижний колонтитул появился на дне, как ожидалось. – lurker
@mbratch Не могли бы вы предоставить скрипку для меня? Я не могу воспроизвести это, нижний колонтитул всегда будет оставаться под остальной частью контента, а не точно в нижней части страницы. – user2422960