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

Question

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

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

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

如何让侧边栏在达到最小宽度 fx 500px 时停止？

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;
}