为什么我的浮动列表项堆叠?

时间:2010-09-10 03:16:27

标签: html css

通常情况下,我可以将CSS自己排除在任何角落,但本周五下午的问题正在向我发出!

Here is the problem。将鼠标悬停在菜单项(生日,婚礼......)上,然后观察下拉列表。

最初,我将这些列表项左侧漂浮。我已经在网站的其余部分使用CSS进行了很多扫描,因为我再次检查它们,所以它们拒绝相互浮动。他们只是堆积起来!

如果我给它们一个明确的宽度,它是有效的,但我从一开始就不知道它们的确切宽度(动态生成)。

我在Firefox 3.6.8上看它。 Safari上也会出现此问题。我还没有测试过任何其他浏览器。

我做错了什么?

谢谢!

2 个答案:

答案 0 :(得分:3)

尝试#2

white-space:nowrap;可以解决问题。将其设置在容器上 - #secondary-menu ul li ul。现在子菜单是一条长线(在萤火虫中试过)。

非常方便的财产,我也可能有一天使用它。

答案 1 :(得分:0)

使用萤火虫,我将#secondary-menu ul li ul的宽度更改为50em并将其理顺...

#secondary-menu ul li ul宽度似乎是以某种方式从包含框计算的。但它包含100%的数据?这没有意义。

尝试在div菜单周围添加ul作为position: absolute,然后ul可以在其中调整大小...