1

左に浮動する div と、右に浮動する別の div があり、フローティング div を含むメインのメイン div はページの下部に到達しません。コード例は次のとおりです。

<div style=" width: 900px; height:auto; margin:5px auto; background:#666; ">
  <div style="float:left;">
  Some content! Some content! Some content! 
  </div>
  <div style="float:right;">
  Some content! Some content! Some content! 
  </div>
</div>

問題は何ですか？

4

2 に答える 2

6

親要素の高さを計算するとき、浮動要素の高さは考慮されません。CSS プロパティを調べる必要がありますclear。この場合、CSSclear: bothを含む 3 番目の div を使用すると、目的の結果を得ることができます。

ただし、一歩下がって、何をしようとしているのかを検討する必要があります。このレベルで他のボックス要素がなく、これら 2 つの div が隣り合っている場合は、両方の要素をフローティングにする必要はないかもしれません。

于 2013-03-29T22:01:17.260 に答える
1

コンテナーにclearfixを適用しない場合、フローティング要素を持つコンテナー div は、その子の高さを無視します。

于 2013-03-29T21:59:44.913 に答える