Html 使滚动条显示在div内_Html_Css

Html 使滚动条显示在div内

html css

Html 使滚动条显示在div内,html,css,Html,Css,我无法就以下问题找到明确答案：我有这个html： <html> <head> <title>Title blabla</title> </head> <body> <div id="gHeader"> </div> <div id="gBody"> </div> </body> </html> 标题布拉布拉

我无法就以下问题找到明确答案：

我有这个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上

我不希望滚动条影响标题的外观和感觉。尤其是因为我的菜单有一部分是从右边开始的。这可能吗？

您需要手动设置内容区域的高度，并使用

溢出：自动。类似的方法可能会奏效：
#gHeader {
    position: fixed;
    left: 0; top: 0; right: 0; height: 150px;
}
#gBody {
    position: fixed;
    left: 0; top: 150px; right: 0; bottom: 0;
    overflow: auto;
}

你唯一需要的是一个固定的高度和overlow-y自动；在您的gBody上

例如：
#gBody {
    height: 600px;
    overflow-y: auto;
}

位置：固定在这里没有任何意义。这没有任何意义。给一个元素一个固定的位置会使它浮动。我知道在这个场景中不应该出现这种情况，因为这是这个用户试图避免的事情。随后，它没有任何用处，需要一个静态位置。静态位置是默认的，因此您无需更改任何内容。我知道你想要的是在所有屏幕分辨率下都能工作的东西，但我不认为这是TS想要的。如果他这样做，我将取消我的反对票。编辑：删除了我的反对票，因为你的解决方案和其他任何解决方案一样好。@BramVanroy实际上，这是实现ProgrammerAtWork要求的唯一方法，而不使用JavaScription。这里的问题与iframe相同。。如果站点的总高度大于屏幕，该怎么办？然后你得到2个scrollbars@Tom：是的。我以为TS在寻找这样的东西，最常见的分辨率是固定高度的。如果这不是他想要的，他需要使用Kolink的解决方案