0

私はコーディングが初めてで、理解できない小さな問題があります。#wrapper divコンテンツをページの中央に配置し、背景を白 (css で定義された背景色) に色付けできるように定義しました。高さプロパティを auto に設定すると、レンダリング時にページの上部に白いボックスが表示されます。これは、#wrapperプロパティで設定したパディング定義を表しているようです。レンダリング時の実際のページの高さは問題ありません。つまり、すべてのコンテンツが期待どおりに表示されますが、白いボックスをページの下部まで拡張して背景全体を白くする唯一の方法は、固定の高さの値を入力することです。ここに私が持っているものがあります:

#wrapper {
     width: 940px;
     height: auto;


    /* border-top: 1px solid #000000;
     border-right: 1px solid #000000;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000; */

     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     margin-bottom: 10px;

     padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 10px;
     padding-left: 20px;

     position: relative      
}

どんな助けでも大歓迎です！

4

2 に答える 2

0 
#wrapper {overflow: hidden}

また

#wrapper {overflow: auto}
于 2013-03-26T14:19:17.703 に答える
0

#wrapper div をページの下部まで拡張する場合は、明示的な高さを指定する必要があります。height: autoは、コンテンツのみに合わせて調整されます。#wrapper がメイン ページ div の直接の子であるか、body のすぐ下にある場合、その親要素 (body または一部の div) を 100% または静的な値などに設定し、#wrapper をその値のパーセンテージに設定できます。お気に入り...

私はインライン スタイルを提唱しているわけではありません!! ほんの一例

<body style="height: 480px">
    <div id="wrapper" style="height: 95%">
        content!
    </div>
</body>

ボディはパーセンテージでもあり、ウィンドウの高さに合わせて調整されますが、機能する可能性がありますが、おそらくあなたが望むものではなく、別のオプションです。

于 2013-03-26T14:24:40.353 に答える