2 列：1 个 div 背景图像（在滚动被切断时），1 个内容高度：自动；

Question

我的头脑因我无法解决这个问题而闪闪发光。我希望有人能帮助我了解发生了什么。我阅读了很多帖子，尝试了很多，但似乎与我的问题略有不同。

成分：

• 1 个主体，宽度 + 高度为 100%，背景上有图像图案。

• 左侧菜单有 2 个 div：（1 个用于背景图像，1 个用于图像顶部的菜单）

• 内容右侧 1 个 div。

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

我在所有相关对象中使用 height: 100% 和 min-height: 100% 。我只能想到一件事那就是使用 height: 1080px;但这仅当我的文本多于菜单背景的总长度时才有用:(

这是源文件

Answer 1

您有两种选择，要么将菜单背景放在表格中，并赋予其 100% 的高度

，要么

将标题和内容 div 放在菜单 div 中，这样菜单 div 将始终与内容一样大。

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