2

css には、1 つの DIV 内に 3 つの DIVS があります。親 div 内の div の値が拡張されるたびに、さらに 2 つの 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>
4

4 に答える 4

2

子 div が浮動しているため、オーバーフローを親要素に使用します。

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

または代わりに使用

float:left;

子供用

display: inline-block;
于 2013-06-11T06:04:47.833 に答える
1

終わり。ここにスタイルを追加する必要があるjsfiddleリンクがあります

overflow:hidden

親divへ。

于 2013-06-11T06:07:01.553 に答える
1

フロートをクリアする必要があります。メイン div を終了する前にこれを追加します

<div style="clear:both;height:0px; width:0px">&nbsp;</div>

jsfiddle

于 2013-06-11T06:07:20.640 に答える