24
4
我找不到关于以下内容的明确答案:
我有这个 html:
个人中心
文章发布
退出<html>
<head>
<title>Title blabla</title>
</head>
<body>
<div id="gHeader">
</div>
<div id="gBody">
</div>
</body>
</html>
gHeader 是标题部分，这是菜单所在的位置，gBody 是正文部分，这是其他所有内容所在的位置。
当我在 gBody 中获取大量内容，超过屏幕显示的内容时，右侧会出现一个滚动条。问题是这个滚动条将 gHeader 向左推了一点。
我正在寻找的解决方案是当滚动条出现时，它只出现在 gBody 中，而不是部分出现在 gHeader 中。
我不希望滚动条影响页眉的外观。特别是因为我的菜单的一部分是从右边开始的。这可能吗？
最佳答案
您需要手动设置内容区域的高度，并使用overflow:auto。这样的事情可能会起作用:
#gHeader {
position: fixed;
left: 0; top: 0; right: 0; height: 150px;
}
#gBody {
position: fixed;
left: 0; top: 150px; right: 0; bottom: 0;
overflow: auto;
}
关于html - 让滚动条出现在div里面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13444444/
24
4
0