非順序リストを持つdivの高さを動的に設定する

Question

順序なしリストを含むdivの高さを手動で指定する必要がありますか？

divの高さを設定しないと、main1とmain2のdivが重なり合ってしまいます。高さを指定せずにそれを行う方法はありますか？

<div id='main1'> <ul> <li> </li> <li> </li> <li> </li> </ul> </div> <div id='main2'> <ul> <li> </li> <li> </li> <li> </li> </ul> </div>

Answer 1

は、あなたがするフロートプロパティで試してみました左か右に浮かぶ？

#mail1 { float:left }; 
#mail2 { float:left }; 

おかげ

Answer 2

彼らは重複している場合は、ほぼ確実にそれを適用する他のいくつかのCSSを持っています。 Firebug for Firefox、Chrome/WebKitの開発者ツール、IEのWhat's-It-Called Thingummyなどのデバッグツールを使用し、div/ul/liの適用スタイルを見てください。

Answer 3

絶対的に配置されているか、または負のマージンなどの他のCSSマジックが適用されていない限り、重複しません。最初に確認し、必要な修正を適用してください。それにもかかわらず

、あなたはjQueryのを使用して、動的に溶岩ランプスタイルのメニューでハイライトを配置するインスタンスのために、動的要素の寸法を取得する必要がある場合：

$('#element').outerWidth(); 
$('#element').outerHeight(); 

Answer 4

使用位置：2つのdiv要素の相対プロパティは