2015-01-25 5 views
1

Я создаю веб-страницу, используя Twitter Bootstrap Framework. У меня есть нижний колонтитул, и он находится внизу страницы каждой страницы с большим количеством контента. Но я только что создал другую подстраницу, а нижний колонтитул находится в середине страницы следующим образом: http://gyazo.com/45232ab25cdeb7705f9775a969051233.Нижний колонтитул не находится в нижней части страницы

Мне нужно потянуть нижний колонтитул в нижней части страницы.

Адрес: http://tomas-nosek.moxo.cz/obsahmp.html.

Как потянуть нижний колонтитул вниз?

ответ

3

Добавьте это в колонтитул CSS

footer { 
    bottom: 0; 
    position: absolute; 
    width: 100%; 
} 
0

Данный пример по anstosa только связать колонтитул в положение, в котором ваш браузер заканчивается, как вы вошли в домашнюю страницу, это будет возможно наложить какой-либо другой контент, который образом, если содержимое веб-сайта расширяется.

Так что просто заполните свою страницу большим количеством контента и/или используйте минимальную высоту на своем контенте-div, чтобы вы нажали нижний колонтитул. Если я промахиваюсь, и вы хотите, чтобы он был заблокирован в нижней части страницы - тогда все в порядке (в общем, вы никогда не используете Позиционирование для регулярного плавающего контента!)

Смежные вопросы