<body>が、私は子要素

にパディングやボーダーを追加しない限り、私はパディングやボーダーを適用しない限り、私は<body>要素が<header>要素のmargin-topの高さに等しい不要なスクロールバーを作成し、押し下げされている問題を抱えてい押し下げされています子ラッパーdivに移動します。<body>が、私は子要素

コードはJSFiddleにあります。

出典

2012-02-24 jsejcksn

何がしたいです結果は？ – BoltClock

あなたは何をしたいのかわかりません。 –

JS Fiddleを問題を示すコードだけに減らすことはできますか？あなたはすべてのCSS、またはすべてのHTML、問題のあるビットだけを必要としませんか？ –

これは予想される動作です。それは「マージンの崩壊」によるものです。

ここで読むためのリソースの洗濯物のリストです：あなたのケースではWhy is padding to a wrapper div looks different the margin to an inner div?

は、最も簡単な修正プログラムは、あなたのラッパーにoverflow: hiddenを追加するために、おそらくです：

http://jsfiddle.net/thirtydot/wgdMF/5/

#land-wrapper { 
    overflow: hidden; 
}

出典

2012-02-24 01:20:33 thirtydot

答えて

関連する問題