html - divの背景色を変更

Question

メインの div を作成し、2 つの CSS コードに分割しました

#main { background-color:#FFFFFF; width:1000px;}
#left {  width:750px; float:left }
#right {  width:250px; float:right }

しかし、背景色を変更しても背景色は変わりません

#main {  width:1000px;}
#left { background-color:#FFFFFF; width:750px; float:left }
#right { background-color:#000000; width:250px; float:right }

それは機能しますが、高さが変わると退屈に見えますが、メイン div 全体の背景色を変更したいと考えています。

score 0 · Accepted Answer

次のルールを追加します

#main：after {content： ""; 表示ブロック; オーバーフロー：非表示; 明確：両方; 高さ：0; }

フロートをクリアし、コンテナを内部の最も高いカラムと同じ高さにします。

score 0 · Accepted Answer

メインの div が

#main {
    min-height:100px;
    max-height:100px;
}

背景色を表示するには高さが必要です

動作しない場合は、html 部分を表示してください

score 0 · Accepted Answer

html がない場合、これは単なる推測ですが、問題は div#main の高さが 0 であることだと思います。これは、内部のフローティング div がドキュメントフローの一部でなくなったためです。メイン div に高さを設定してみてください。これで修正されるはずです。

3 に答える 3