動態設置無序列表的div的高度

Question

我是否需要手動指定包含無序列表的div的高度？

當我有這樣的情況下，main1和main2 div重疊，如果我沒有設置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

你嘗試過使用float屬性向左還是向右漂浮？

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

感謝

Answer 2

如果他們是重疊的，你幾乎可以肯定有一些其他的CSS適用於它。使用Firebug for Firefox，Chrome/WebKit中的開發人員工具或IE中稱爲Thingummy的調試工具，並查看div/ul/li的應用樣式。

Answer 3

它們不會重疊，除非它們被絕對定位或應用了其他CSS魔法，例如負邊距。首先檢查並應用必要的更正。

不過，如果你需要動態檢索元素的尺寸，例如動態定位的熔岩燈式菜單中的一大亮點，使用jQuery：

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

Answer 4

使用position：對於兩個div相應的屬性，