动态设置无序列表的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相应的属性，