html - height:auto を背景に追加できません

Question

こちらをご覧ください。

コメント欄を無地にしたいです。この背景色は、コメント領域に従って拡大する必要があります。コメントが多い場合は、高さを大きくし、コメントを少なくし、高さを小さくする必要があります。

<section class="comment">と呼ばれる新しい divの内部に追加し<div id="commentsbackground">、次の css を指定しました。

#commentsbackground {
width: 6000px;
margin-left: -1172px;
background-color: #A6A8AF;
    }

section.comment {
height: 500px;
margin-left: 1172px;}

これにより、すべての大きなモニター解像度で動作する大きな背景を追加することができました. それを行う簡単な方法があったかどうかはわかりません....しかし、私が望むように機能していないことは確かです。

したいのですheight: auto;が、うまくいきません。

コメント欄の背景色を変えていただけると助かります。これが最終結果になります。

・投稿エリア→白・コメント欄
→グレー
・フッター→黒

score 1 · Accepted Answer

オーバーフロー autoを使用すると、すべての灰色の背景がすべての画面を埋めます:P

#commentsbackground {
width: 6000px;
margin-left: -1172px; /*Idk, why do you use that*/
background-color: #A6A8AF;
overflow:auto;
    }

score 1 · Accepted Answer

コンテナーを float:left に変更するか、クリア方法を追加します: http://www.webtoolkit.info/css-clearfix.html

2 に答える 2