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

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

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

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

当达到最小宽度fx 500px时,如何使侧边栏停止？

解决方法

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

编辑,更好的解释：

对于侧边栏：将顶部：0添加到红色侧边栏并将其放在最小宽度容器内.

对于容器：使用padding-right替换margin-right属性并添加position：relative

原文地址：https://www.jb51.cc/css/215814.html