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>    

希望这可以解决您的问题。