带有两个 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;
}

有没有办法让页眉在顶部，页脚在每个页面（响应式页面）的底部？高度 main-content 设置为 min-height: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;
}

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

static full page slider with two divs(one top, one bottom)

css

slider