2013-06-10 2 views
-2

Так им пытаются сделать колонтитула палку в нижней части страницы, как это http://cleanstickyfooter.herokuapp.com/делает сноска приклеить нижнюю

(увеличения и уменьшения масштаба футер все еще остается на дне)

Как может я добиться этого?

Это тест, который я сделал, пожалуйста, помогите мне понять, что мне нужно сделать, потому что нижний колонтитул не находится внизу. http://trulyamped.com/responr/Responr.html

+0

Вы должны исследовать для себя, учебники по этому вопросу можно найти в [это] (http://www.google.com). – Kyslik

+0

Я смотрел на этом сайте, и я попытался подражать тому, что я должен был делать, но я не знаю, есть ли у меня что-то не так в моем CSS. – okok

+0

Не пытайтесь имитировать, попробуйте найти учебник – Kyslik

ответ

0

Это легко достигается с помощью фиксированного позиционирования:

.body .mainfooter { 
    height: auto; 
    margin-top: 0; 
    margin-bottom: 0; 
    position: fixed; 
    bottom: 0; 
} 
+0

Помните, что фиксированные нижние колонтитулы и заголовки являются реальным беспорядком, когда они просматриваются на мобильных устройствах, ведут себя по-другому и довольно плохо. Мое мнение состоит в том, что вы должны избегать их вообще, если можете. –

+0

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

0
<div id='footer'>...</div> // if we say that this is the footer div 

    <style type='text/css'> 
    #footer{ 
    display:block; 
    position:fixed; 
    bottom:0px; 
    height:70px; 

    } 
    </style> 
Смежные вопросы