css - 两个嵌套的 div 能够扩展但父级不能

Question

我在一个 DIV 中的 css 中有三个 DIVS。我还有另外两个 DIVS，当父 div 中的 div 的值扩展时，我想要它们，所以父级应该让他自己也扩展，这不是这样的。

它只是扩展内部 DIVS 而不是父 DIVS 这里是我的代码:

<div style="background-color:#000; color:#FFFFFF;
width:444px; height: auto;">

    <div align="left" style="margin-top:10px; width:90px;
    height:auto; background-color:#FFF; float:left;
    color:#FF3; margin:5px 5px;">
        Lable:
    </div>

    <div style="margin-top:10px; width:330px;
    height:auto; margin:5px 5px; background-color:#FFF; float:right; color:#FF3; border:solid 1px #000;">
        In here goes the value of the In here goes the value of theIn here goes the value of theIn here goes the value of theIn here goes the value of theIn here goes the value of theIn here goes the vae value of the
    </div>

</div>

Answer 1

对父元素使用溢出，因为你的子 div float 了:

<div style="overflow: hidden; background-color:#000; color:#FFFFFF; width:444px; height: auto;">

或使用代替

float:left; 

给 children

display: inline-block;