HTML 最小宽度有效，最大宽度无效

Question

最小宽度始终有效。我在 1024x768 和 1400x900 分辨率之间切换。它缩小以适合 1024 就好了。问题是它不会在我的 1400x900 分辨率下展开。

这是我的代码:

#page-wrap {
min-width: 1024px;
max-width: 1260px;



}

#main-content {
width: 100%;
margin-left: -295px;
position:relative;
width: 1000px;
}
#main-content-inner {
left: 580px;
border-radius:8px;
border-style:solid;
border-width:2px;
border-color:#53D8FF;
padding:20px;
background-color:#000000;
position:absolute;
top:100px;
min-width:70%;
max-width:100%;
}

main-content 在 page-wrap 里面。 main-content-inner 在 main-content 里面。

当分辨率为 1400x900 时，我只想将 main-content-inner 拉伸(stretch)到 1000px(经过测试，绝对适合 1400x900 宽度)

想法？

Answer 1

未经测试，但我认为这是问题所在:

#main-content 有一个 width:1000px;。

#main-content-inner 可能无法扩展以完全填充它，因为

1. 2px 边框宽度(每边 = 4px)和
2. 20px 内边距(每边 = 40px)

因此您将始终保持最大 956 像素。