0

高さ 100% の #wrapper div があります。その中にいくつかのコンテンツ div があり、それぞれがインライン ブロックとして表示され、下の余白があります。問題は、この下マージンが何らかの形で崩壊していることです。

この問題は、非常に単純なコードで確認できます。

<div id="wrapper">
    <div id="content">
        <!-- lots of content here that will fill the browser window -->
    </div>
</div>

ここで見ることができる例を作成しました: http://jsfiddle.net/Y6tJw/

Firefox と IE の両方が適切な余白でページをレンダリングするため、これは Webkit の問題であると感じています。何か助けはありますか？

4

2 に答える 2

0

これは、 で体の高さを 100% にしたために発生していmin-heightます。height:auto;これがうまくいくようにしてみてください

于 2012-06-07T19:18:56.370 に答える
0

なぜそれが機能するのか私に聞かないでください、しかしこれはうまくいきますhttp://jsfiddle.net/Y6tJw/2/

スタイル

#wrapper { height: 100%; background: blue; }
#innerwrap { padding-bottom:300px; background: blue;}

HTML

<div id="wrapper">
<div id="innerwrap">
<div id="content">
    <!-- lots of content here that will fill the browser window -->
</div>
</div>
</div>
于 2012-06-07T19:15:21.553 に答える