2014-01-30 4 views
1

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

Как я могу сделать это лучше всего?

PS: У меня пока нет кода, я просто ищу, как я могу сделать это наилучшим образом.

+0

возможно дублируется http://stackoverflow.com/questions/15076201/html-css-sticky-footer-growing-content http://stackoverflow.com/questions/3906065/problems-with-css -sticky-footer http://stackoverflow.com/questions/5822825/sticky-footer-css – apsuva

ответ

1

Используйте нижний колонтитул нижнего колонтитула, чтобы он оставался неподвижным внизу.

Например,

HTML-:

<div class="footer"><!-- Your footer code should be here. --></div> 

CSS-:

.footer{ 
    position:fixed; 
    bottom:0; 
} 

Это сделает колонтитул, чтобы остаться на дне держать его неподвижная ,

Надеюсь, это поможет.

+0

Просто комментарий: у iOS есть проблемы с этим. Просто вопрос: вы видите что-нибудь для этого? – loveNoHate

+1

Создание тела для 'position: relative;' было бы лучшим способом преодолеть эту проблему. - @dollarvar – Nitesh

+0

Хм, хорошо, попробуй. – loveNoHate

0
#footer { 
clear: both; 
position: relative; 
z-index: 10; 
height: 3em; 
margin-top: -3em; 
} 

This CSS can help you. 
For better explanation refer to this 
http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ 
This blog can also do the needful 
http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/ 
+0

Waht? .......... – loveNoHate

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