Question

我正在尝试实现下面给出的CSS代码，但背景高度从顶部限制到某个点，而不是覆盖整个div。一旦我移除浮动：向右或浮动：向左，然后它再次显示正确。

可能是什么问题？

   #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代码如下所示。 container3

<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>

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

背景被限制在一定的高度

2 个答案: