2011-01-04 9 views
0

親のdivの高さを子の最大の高さに応じて自動増分する方法は?この例では 親のdivの高さを子の最大の高さに応じて自動増分する方法は?

<div class="parent-div"> 
    <div class="upper"> 
     <span></span> 
     <span></span> 
    </div> 
    <div class="lower"></div> 
</div> 

は、私は上のdivタグ内のいくつかのspanタグを持っている、と私はその子の合計の高さに応じて、上側の増加の高さが欲しいです。

答えて

1

私は推測してみましょう:あなたは子供たちを列として浮かせました。そして今、あなたは年配の人に「どのようにクリアフィックスするのですか?質問。

その場合は:もちろん

.upper 
{ 
    float: left; 
    width: {some value here}; 
} 

.lower 
{ 
    clear: both; 
} 

、私は心のリーダーじゃないので、詳細は参考になります。

2

あなたは何もしません。あなたが求めているのは、これらの要素のデフォルトの動作です。

デフォルトの動作を妨げるようなスタイルを設定しているからです。あなたはそれを行うスタイル設定を特定し、それを削除する必要があります。

+0

高さの値を設定しないと、上のdivがfirefoxに表示されない理由がわかりません。 – user469652

+0

@ user69652:現在のところ、すべてのコードにしかアクセスできないため、要素のスタイル設定方法を知る唯一のユーザーです。要素に影響を与えるCSSを投稿すると、他の人が何が原因であるかを伝えることができます。 – Guffa

関連する問題