具有最小宽度和绝对位置的可调整大小的页面？

Question

我正在开发一个可调整大小的页面，右侧有一个侧菜单，它几乎按照这个简单示例的假设工作：

http://pastehtml.com/view/1do8cy9.html

但问题是位置 auto 和 min-width 没有按预期做出反应。如果将浏览器窗口拖动到小于 500 像素（最小宽度设置为），则红色侧边菜单将继续覆盖绿色内容。.

如何使侧边栏在达到最小宽度 fx 500 像素时停止？

Answer 1

绝对定位的 div 应该位于最小宽度 div 内，该 div 应该具有相对位置

编辑，更好的解释：

对于侧边栏：将 top: 0 添加到红色侧边栏并将其放置在 min-width 容器内。

对于容器：将 margin-right 属性替换为 padding-right 并添加 position:relative

Answer 2

我有办法解决！

但这很奇怪：

body{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    min-width:1300px;
    width:100%;
    overflow:auto;
    padding:0;
    margin:0;
}