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
}
4

1 に答える 1

1

ラッパークラスに左右にマージンを追加するだけです：

.wrapper { 
    margin-left:auto;
    margin-right:auto;
    width:90%; 
    text-align:justify
}
于 2013-06-01T19:50:20.760 に答える