我正在尝试实现具有固定页眉和页脚的水平滚动网站.
目标:
?1.固定的页眉和页脚
?2.没有垂直滚动
?3. Content div填充了页眉和页脚之间的所有空间
我在内容上使用了position:absolute以确保height:100%占据页眉和页脚之间的区域. (我的第三个目标)
但是,这也会导致出现垂直滚动条.
如何在没有垂直滚动条出现的情况下实现目标?
提前非常感谢!
html代码:
Header
Post Title Example One
hello world! Have you thoroughly searched for an answer before asking your question?
footer
CSS:
body, html {
height: 100%;
padding: 0;
margin: 0;
}
body {
width: 100%;
}
header {
}
#a {
position: fixed;
height: 50px;
top: 0;
width: 100%;
background-color: blue;
}
#2 {
position: relative;
padding: 50px 0 25px 0;
}
#b {
height: 100%;
position: absolute;
}
#bb {
position: relative;
height: 100%;
margin: 50px 0 0 0;
width: 2000px;
background-color: yellow;
}
footer {
}
#c {
position: fixed;
height: 25px;
bottom: 0;
width: 100%;
background-color: green;
}