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-inner在main-content中。

在1400x900分辨率下，我只想将main-content-inner拉伸到1000px（经测试且绝对适合1400x900宽度）

思想？

Answer 1

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

#main-content有width:1000px;。

由于

，

#main-content-inner可能无法扩展以完全填充此内容

1. 2px边框宽度（每边= 4px）AND
2. 20px填充（每边= 40px）

所以你总是最多956px。