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

Question

我正在制作一个可调整大小的页面，右侧有一个侧面菜单，它几乎与这个简单的例子一样：

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

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

如果侧边栏达到最小宽度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;
}