9

div私はsをネストしましたが、ほとんどfloat:left; display:block;は次のようになります。

<div class="container" style="display:block;">
    <div style="float:left; display:block; height:100px;">
    <div style="float:left; display:block; height:100px;">
</div>

div高さを設定せずにコンテナを大きくしたい。現時点ではフラットラインです。コンテナの高さが高くなるように
、インナーを設定するにはどうすればよいですか？div

TL; DR：現在、内側の2つは問題なく見えますdivが、コンテナはフラットdiv（高さなし）です。
どうすれば高さを付けることができますか？

4

2 に答える 2

12

2つのオプションがあります。

<div class="container" style="overflow:hidden">
    <div style="float:left; height:100px;">
    <div style="float:left; height:100px;">
</div>

また

<div class="container">
    <div style="float:left; height:100px;">
    <div style="float:left; height:100px;">
    <div style="clear:left">
</div>

overflow:hidden要素はフローティング内部要素をラップアラウンドすることに注意してください。または、要素を使用してフロートをクリアすることもできます。これにより、周囲の要素がそのコンテンツをラップするようになります。

別のヒント：divがであると述べる必要はありませんdisplay:block。HTMLには、基本的に2種類の要素とがblockありinlineます。Divはblockデフォルトです。

于 2012-06-30T19:48:38.467 に答える
2

overflow:hiddenそのDIVに追加します。

于 2012-06-30T19:44:57.053 に答える