2016-07-31 3 views
2

То, что я хочу, кажется простым, но я не могу этого достичь! . :(Шаблон загрузочного веб-сайта: как привязать элемент нижнего колонтитула к нижней части страницы?

Я пытаюсь изменить и использовать пример Web приводимого here Однако, есть несколько проблем:

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

Во-вторых, мне также не нравится нижняя строка. Я не хочу указывать высоту.

.row.content {height: 450px} 

Как я могу достичь обоих одновременно?

+0

В чем проблема с сноске? Это отзывчиво. Для этого вы не можете зафиксировать нижний колонтитул. –

+0

Высота: авто или высота: 10%. сноска {позиция: фиксированная; bottom: 0px} –

+0

@Black Bird Мой контент исправлен, и было бы здорово, если бы у меня был нижний колонтитул на нижней части страницы. – RGO

ответ

3

Этот вопрос задавали много раз, но вот код в любом случае:

footer { 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 
.row.content { 
    position: fixed; 
    height: 100%; 
} 
+0

Как я могу избавиться от '.row.content {height: 450px}'? – RGO

+2

use .row.content {position: fixed; height: 100%;} – Ppster

+0

сейчас работает. Спасибо! – RGO

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

  • Нет связанных вопросов^_^