Html 2列:1个div背景图像(在滚动条上被切断),1个内容高度:自动;

Html 2列:1个div背景图像(在滚动条上被切断),1个内容高度:自动;,html,height,background-image,Html,Height,Background Image,我无法解决这个问题,这让我心潮澎湃。我希望有人能帮助我了解发生了什么。我读了很多帖子,尝试了很多,但似乎和我的问题有点不同 成分: 1个机身,宽度+高度为100%,背景上有图像图案 菜单左侧有2个div:1个用于背景图像,1个用于图像顶部的菜单 内容的1个div权限 现在,当我使用浏览器时,从屏幕的底部到中间和背面等都很好。图像仍然显示它的全尺寸。。。但是,当我使用滚动条向下滚动菜单中的背景图像时,它被切断了 我在所有相对对象中使用高度:100%和最小高度:100%。我只能想到一件事,那就是使用

我无法解决这个问题,这让我心潮澎湃。我希望有人能帮助我了解发生了什么。我读了很多帖子,尝试了很多,但似乎和我的问题有点不同

成分:

1个机身,宽度+高度为100%,背景上有图像图案

菜单左侧有2个div:1个用于背景图像,1个用于图像顶部的菜单

内容的1个div权限

现在,当我使用浏览器时,从屏幕的底部到中间和背面等都很好。图像仍然显示它的全尺寸。。。但是,当我使用滚动条向下滚动菜单中的背景图像时,它被切断了

我在所有相对对象中使用高度:100%和最小高度:100%。我只能想到一件事,那就是使用高度:1080px;但是,只有当我有更多的文本,而不是菜单bg的总长度时,这才有用:


你有两个选择,要么把菜单背景放在桌子上,要么给它100%的高度

将标题和内容div放在menu div中,这样,menu div将始终与其内容一样大

        <div id="menu_container">
            <div id="menu"></div>
            <div id="header_container"></div>
            <div id="content"></div>
        </div>

您是否设置了body,html{height:100%;}?