css - 背景が特定の高さに制限される

Question

以下に示すように CSS コードを実装しようとしていますが、背景の高さが上から特定のポイントに制限されており、div 全体をカバーしていません。float:right または float:left を削除すると、再び正しく表示されます。

何が問題なのですか？

   #container3 {
    background: #FE7400;
}


#third #area1 {
        float:left;
        width:550px;
    }

    #contactform {
        width:300px;
        float:right;
    }

ありがとう

Answer 1

divのCSSでこれを試すことができます-

overflow: auto;

それでもうまくいかない場合は、試してみてください-

min-height: 250px;

またはあなたが与えたい他のサイズ。役に立つかも!!

Answer 2

あなたの HTML コードは次のようになっていると思います。コンテナ3

<div id="container3">
    <div id="third">
    <!-- YOUR CONTENT-->
        <div id="area1">
        <!-- YOUR CONTENT-->
        </div>
    </div>

    <div id="contactform">
    <!-- YOUR CONTENT-->
    </div>
</div>

次の行を CSS に追加してみてください。

.clear{clear:both;}

次に、html コードを次のように変更します。

<div id="container3">
    <div id="third">
    <!-- YOUR CONTENT-->
        <div id="area1">
        <!-- YOUR CONTENT-->
        </div>
    </div>

    <div id="contactform">
    <!-- YOUR CONTENT-->
    </div>

    <div class="clear"></div>
</div>    

これで問題が解決することを願っています。