div.footer {
position: absolute;
background: silver;
height: 200px;
bottom: 0;
}
Я придерживал нижний колонтитул до нижней части страницы, но если контент длинный, он покрыт этим нижним колонтитулом, как этого избежать?Как придерживаться нижнего колонтитула без покрытия содержимого?
Вы можете добавить маржу к нижней части области содержимого так же, как и высоту нижнего колонтитула. Взгляните на эту скрипку: http://jsfiddle.net/X3B4c/2/
HTML:
<div id="content">
<!-- many lines -->
</div>
<div id="footer">© 2014 SomeCompany Inc.</div>
CSS:
#content {
height: 100%;
margin-bottom: 30px; /*same as #footer's height*/
background: #555;
}
#footer {
position: fixed;
bottom: 0px;
height: 30px;
width: 100%;
background: #999;
}
одна вещь, вы можете сделать это, а затем, используя позицию: абсолютная Используйте позицию: фиксированный это будет придерживаться при этом очков.
Надежда, что помогает
Изменение position: absolute к position: fixed
div.footer {
position: fixed;
background: silver;
height: 200px;
bottom: 0;
}
Как это
CSS
*{
margin:0;
padding:0;
}
div.footer {
position: fixed;
background: silver;
height: 200px;
bottom: 0;
width:100%;
}
Причиной этого может быть, потому что вы позиция устанавливается в абсолютной. Не могли бы вы связать полное кодирование html и css? Вот что может помочь.
<!DOCTYPE html>
<html>
</html>
<head>
</head>
<body>
<header></header>
<section></section>
<nav></nav>
<aside></aside>
<footer></footer>
</body>
Просто думать об этом, как 3D-объекта и ваш колонтитул приходит на линии всасывания ваших элементов или тела. Используйте эту структуру. :)
использовать свойство Z-индекс img. {position:absolute; top:0; z-indez:-1;}