Как сделать нижний колонтитул внизу страницы?

Там в несколько страниц в моем веб-сайте, содержание которых мало,Как сделать нижний колонтитул внизу страницы?

the content height + footer height < one screen height

Смотрите рисунок ниже:

enter image description here

Так что мой вопрос заключается в том, как я могу сделать колонтитула в нижней части когда высота моего содержимого недостаточна для охвата полной страницы?

PS: Я не хочу, чтобы нижняя колонтитула была зафиксирована внизу.

источник

2013-09-11 Charles0429

Покажите нам ваш CSS сноска элемент –

если вы не хотите, чтобы ваш нижний колонтитул был исправлен, а затем примените минимальную высоту к вашему контенту –

@ C-Link вы могли бы объяснить это более подробно светодиод? – Charles0429

http://jsfiddle.net/yvZaV/1/

<div class="wrapper"> 
    <div>content here, this will push the footer down the page if it is needed</div> 
    <footer>footer here</footer> 
</div> 

html, body { 
    height:100%; 
    min-height:100%; 
} 
.wrapper { 
    position:relative; 
    min-height:100%; 
} 
footer { 
    position:absolute; 
    bottom:0px; 
    width:100%; 
    background-color:red; 
}

источник

2013-09-11 02:54:32 Anton

Автор упомянул, что он не хочет фиксировать нижний колонтитул в нижней части страницы. – BigMacAttack

он нажимает вниз, когда содержимое толкает его – Anton

Я думаю, что абсолютное позиционирование может вызвать другие проблемы ... – andi

Вы можете установить min-height к содержанию, вы можете установить его в пикселях или в%

.content{ 
    min-height: 100%; 
}

http://jsfiddle.net/yvZaV/2/

источник

2013-09-11 03:04:29

http://css-tricks.com/snippets/css/cross-browser-min-height/ –

Как сделать нижний колонтитул внизу страницы?

ответ

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