2011-09-21 116 views
2

最小寬度始終有效。我在分辨率1024x768和1400x900之間切換。它縮小到適合1024就好了。問題是它不會在我的1400x900分辨率下擴展。HTML最小寬度作品最大寬度不是

這裏是我的代碼:

#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在主要內容中。

當在1400x900分辨率,我只是想主內容內可拉伸至1000像素(其被測試並1400x900寬度內絕對適合)

思考?

回答

2

沒有測試,但我認爲這就是問題所在:

#main-contentwidth:1000px;

#main-content-inner可能無法展開,以填補這完全是因爲

  1. 2px的邊框寬度(每邊= 4像素)
  2. 20像素的填充(每邊= 40像素)

的那麼你將永遠在956px最大。