使用无序列表动态设置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

您是否尝试使用float属性向左或向右浮动？

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

由于

Answer 2

如果它们重叠，你几乎肯定会得到一些其他CSS应用它。使用Firebug for Firefox等调试工具，Chrome / WebKit中的Developer Tools或IE中的What-It-Called Thingummy，查看div / ul / {{1的应用样式}}

Answer 3

它们不会重叠，除非它们是绝对定位的或者应用了其他CSS魔法，例如负边距。首先检查并进行必要的更正。

尽管如此，如果您需要动态检索元素的尺寸，例如在熔岩灯样式菜单中动态定位高光，请使用jQuery：

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

Answer 4

使用position：两个DIV的相对属性