带有两个div的静态整页滑块（一个顶部，一个底部）

Question

我有一个带有css的静态整页滑块：

#slider {
bottom: 0;
height: 100%;
left: 0;
margin-bottom: 0!important;
position: fixed;
right: 0;
top: 0;
z-index:-1;
}

以及页面顶部的标题，其中包含以下css：

header {
height:137px;
text-align:center;
margin:10px;
}

以及页面底部的页脚，其中包含以下css：

footer {
height:34px;
margin:10px;
background:rgba(39,39,39,1);
min-width:1000px;
}

有没有办法在每页的底部（响应页面）保持页眉顶部和页脚？高度主要内容设置为最小高度：700px，以保持页脚在底部。

Answer 1

是的，很简单。 JSFIddle

.header {
position: absolute;
top: 0;
height:137px;
text-align:center;
margin:10px;
margin-top: 0;
min-width: 1000px;
}

.footer {
position: absolute;
bottom: 0;
height:34px;
margin:10px;
background:rgba(39,39,39,1);
min-width:1000px;
}