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

前端之家收集整理的这篇文章主要介绍了可调整大小的页面,最小宽度和位置绝对值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个可调整大小的页面,右侧有一个侧面菜单,它几乎与这个简单的例子一样:

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

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

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

解决方法

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

编辑,更好的解释:

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

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

原文链接:https://www.f2er.com/css/215814.html

猜你在找的CSS相关文章