我正在一个可调整大小的页面上有sidemenu的权利,它几乎工程作为这个简单的例子假设:最小宽度和绝对位置的可调整大小的页面?
http://pastehtml.com/view/1do8cy9.html
的问题是,虽然位置自动和最小宽度不反应如预期。如果拖动浏览器窗口小于500px(因为最小宽度设置为),则红色侧边菜单继续显示绿色内容。
如何在侧栏停止时显示最小宽度,fx 500px ?
我正在一个可调整大小的页面上有sidemenu的权利,它几乎工程作为这个简单的例子假设:最小宽度和绝对位置的可调整大小的页面?
http://pastehtml.com/view/1do8cy9.html
的问题是,虽然位置自动和最小宽度不反应如预期。如果拖动浏览器窗口小于500px(因为最小宽度设置为),则红色侧边菜单继续显示绿色内容。
如何在侧栏停止时显示最小宽度,fx 500px ?
的绝对定位的div应该是这应具有相对位置的最小宽度的div内部
编辑,更好的解释:
对于侧边栏:添加top: 0
到红色边栏,并将其放置内部的min-width
集装箱。
对于容器:用padding-right
更换margin-right
财产,并添加position:relative
我有一个修复!
这很奇怪,但:
body{
position:absolute;
top:0;
left:0;
bottom:0;
min-width:1300px;
width:100%;
overflow:auto;
padding:0;
margin:0;
}
如果我不喜欢你的建议,它重叠绿色的内容与文本,而不是“调整大小”。该最小宽度现在的工作虽然:S我在这里:HTTP: //pastehtml.com/view/1doa3jv.html – donpedroper 2011-03-17 11:47:58
add margin-right:220px;与文本的div;如果你想将绿色背景移动到它。 – 2011-03-17 12:52:00
实际上这解决了我的问题,我真的很想知道为什么它是这样的?这是一个错误?我不这么认为,因为在我的情况下,所有的浏览器都表现得很像。相对div应该对绝对div有效,但将绝对div放在相对div内并不是我想到的! – jim 2012-11-27 19:01:17