5

余白の問題
私は非常に大きなブロック要素 (幅と高さの両方で 2000 ～ 4000 ピクセル) を扱っており、これらの要素のほとんどがウィンドウ/ビューポートからはみ出しています。それは問題なく、私のアプリケーションの意図した効果です。ただし、40px などのすべての側面の要素にマージンを適用すると、上、左、および下の側面にのみ適用されます。スクロールした後、右端がウィンドウの端と同じ高さになります。ブロック要素のすべての側面に均等なマージンを持たせたいと考えています。

コード
以下を参照するか、縮小されたテスト ケースの この jsFiddleを参照してください。

<!-- HTML -->

<div></div>

/* CSS */

* {
    margin: 0;
    padding: 0;    
}

div {
    background: #000;
    height: 3000px;
    margin: 40px;
    width: 3000px;    
}​

試したこと 上記の方法を試し
てみましたが、最初はうまくいくと思っていましたが、うまくいきませんでした。body 要素に 40px のパディングを適用し、div からマージンを完全に削除しようとしましたが、同じ結果が得られました。同じことが、パディングが適用された包含要素にも当てはまりました。

どんな助けでも大歓迎です。ありがとう！

4

1 に答える 1

4

div をインライン ブロック要素にするのはどうですか。

display:inline-blockdiv に追加すると、問題が解決するはずです。

更新されたフィドルを見る - DEMO

于 2012-12-12T09:08:21.060 に答える