6

親 DIV 内に 1 つの親 DIV があります。2 つの DIV が左にあり、2 つ目は親 DIV 内の右側にあります。左または右の div タグにコンテンツを書き込むと、親 DIV は高さに応じて自動調整されます。左または右の DIV タグ。

これを実行するための .css ファイルの書き方

メイン DIV は、デザイン ビューの子 div に従って調整されません。

私のコードを見直してください：

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;">
    <div style ="float:left">
        <p>Hi, Flo!</p>
      </div>
      <div style ="float:right; height: 180px;"> 
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
    </div>
4

3 に答える 3

14

2 つの子 div が float の場合は、次を使用できます。

div.parent{ overflow: hidden; }

高さが指定されていません。

于 2012-04-11T07:45:53.950 に答える
5 
div.parent{ 
     display:  inline-block;
     width:    100%;
}

これは非常に優れたソリューションであることがわかりました。フローティングの子とフローティングでない子があった場合、高さは必要な最小限のスペースに自動的に調整されます。幅は 100% に設定され、親の幅の親に拡張されます。

于 2012-08-21T18:06:00.363 に答える
0

内部divにfloatを指定しない限り、divのサイズは保持するコンテンツによって自動的に調整されます。フローティングdivがある場合は、このソリューションを使用できます:同様の質問

于 2012-04-11T07:46:18.403 に答える