我想修复我的标题：标题始终位于页面顶部，并且我的整个内容（包括页脚在内的所有内容）都可以滚动。标题高度为 60 px，如下所示，将其固定在顶部不是问题。
我想解决的问题（仅使用CSS）是让滚动条从距顶部 60 像素以下的位置开始。正如您所看到的，滚动条的底部（2.箭头）实际上是隐藏/向下移动的。我猜是我的问题 60px。
所以事情是这样的：
HTML:
<!DOCTYPE html>
<head>
...
</head>
<body>
<header>
...
</header>
<div id="content">
...
</div>
</body>
</html>
CSS:
html, body {
height: 100%;
}
body {
background: #d0d0d0;
overflow-y: hidden;
}
header {
background: #fff;
height: 60px;
width: 100%;
position: fixed;
top: 0;
}
#content {
margin-top: 60px;
height: 100%;
width: 100%;
overflow-y: scroll;
}
我的 CSS 中缺少什么？
多谢你们。
// Edit作为对这里第一个答案的回复（给约翰·格雷）
在您的评论下方评论：
这是一个如何解决您的问题的jsfiddle：http://jsfiddle.net/sTSFJ/2/ http://jsfiddle.net/sTSFJ/2/
这是CSS：
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
#wrapper {
width: 100%;
height: 100%;
margin: auto;
position: relative;
}
#header {
height: 40px;
background-color: blue;
color: #fff;
}
#content {
position:absolute;
bottom:0px;
top: 40px;
width:100%;
overflow: scroll;
background-color: #fff;
color: #666;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
