Есть такая разметка:
body {
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 0;
}
header {
top: 0;
height: 50px;
width: 100%;
max-width: 640px;
margin:0px auto;
position: fixed;
z-index: 999;
border-bottom: 1px solid #000;
background: #fff;
}
#pageContent {
margin: 70px 0px;
z-index: 998;
background: yellow;
}
footer {
bottom: 0;
height: 50px;
width: 100%;
max-width: 640px;
margin: 0px auto;
position: fixed;
z-index: 999;
border-top: 1px solid #000;
background: #fff;
}
<body>
<header>header</header>
<section id="pageContent">
content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br> content<br>
</section>
<footer>footer</footer>
</body>
и получается что вверху страницы есть отступ, а внизу его не видно(он заметен только когда долистать страницу вниз):
header
так и надfooter
. То есть что-то типа когда хеадер и футер высотой 50px, потом после хеадер отступаем 50px и перед футер также 50px а остальная вся высота дляpageContent