2013-06-01 41 views
0

在我的文檔中,我在頁面頂部有一個寬度爲3000px的標題,用於不同縮放比例的監視器以及標題下方的媒體。 我希望body對用戶頁面保持靈活性,同時仍然每次都提供相同的內容(動態靜態設計)。所以,我已經爲每個屏幕調整了標題的適當比例,但我仍然需要剩下的內容爲90%。調整除內容之外的標頭

問題是,如果我給body沒有寬度,並且我把width:90%的封裝內的標題除了頭部之外的所有內容,我收到更多的正確的填充。

退房這裏的jsfiddle:http://jsfiddle.net/33bqj/3/

總之:我想要的一切,但頭部有90%的寬度,但增加圍繞包裝下面的內容的包裝不能正常工作。我怎樣才能讓它居中,功能如同body { width: 90% }? CSS:

@charset "UTF-8"; 
header { 
    padding:0 20px; 
    min-width:950px; 
    min-height:115px; 
    background:#FF6083 url(http://i.imgur.com/qsH5lTA.png) no-repeat center top; 
} 

.wrapper { 
    width:90%; 
    text-align:justify 
} 

回答

1

只需加保證金左&右包裝類:

.wrapper { 
    margin-left:auto; 
    margin-right:auto; 
    width:90%; 
    text-align:justify 
}