css - ページ余白を設定する

Question

私はこのスタイルシートを持っていますが、左右の余白が大きすぎて (約 5 cm)、減らす方法がわかりません。左右3cmでお願いします。
を変更しようとしましpage_widthたが、うまくいきませんでした。
ありがとう、
ルービック

Answer 1

さて、あなたのナンバーワン

div.document {
    width: {{ page_width }}px;
    margin: 0 auto;
}

中央に配置されるように設定されmargin: 0 auto;ているため、ページは中央に配置されます940px（ページのサイズを変更すると、これが確認されます）。おそらく、ラッパーの幅に合わせてコンテンツの幅も変更する必要がありますが、パディングの量はビューポートの大きさに依存することに注意してください。

代わりの

左右を厳密に 3cm にし、中央のコンテンツを流動的なレイアウトにしたい場合は、次のようにします。

        margin: 0 3cm;
        position: absolute;
        width: auto;