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

通常，我可以将CSS自己排除在任何角落，但是这个星期五下午的问题正在接近我！为什么我的浮动列表项目堆叠？

Here is the problem。将鼠标悬停在菜单项目（生日，婚礼，...）上并观察下拉菜单。

最初，我有这些列表项漂浮左罚款。我已经在网站的其他部分使用了CSS，并且由于我再次检查了它们，所以他们拒绝相互浮动。他们只是堆积起来！

它可以工作，如果我给他们一个明确的宽度，但我不知道从一开始他们将有多宽，他们将完全（动态生成）。

我正在Firefox 3.6.8上查看它。 Safari上也出现这个问题。我还没有测试任何其他浏览器。

我在做什么错？

谢谢！

2010-09-10 alex

什么是你用CSS在星期五下午在做什么？ – BoltClock 2010-09-10 03:54:09

@BoltClock被CSS咬住的最糟糕的时间。至少它不是IE错误。（*不寒而栗*，尚未在IE中测试过布局） – alex 2010-09-10 03:57:25

@BoltClock有人渴望复制编辑器：P – alex 2010-09-10 04:10:29

尝试＃2

white-space:nowrap;的伎俩。将其设置在容器上 - #secondary-menu ul li ul。现在子菜单是一条长线（在萤火虫尝试）。

非常方便的属性，我可能有一天也会用它。

2010-09-10 03:24:19

啊，如果我真的希望他们堆放，它会更好看。但我不，对不起。不管怎么说，还是要谢谢你。 – alex 2010-09-10 03:27:29

@alex你能澄清一下“浮动相邻”是什么意思？你想要他们在一行吗？ – 2010-09-10 03:28:24

这个伎俩！我也必须删除'width：100％'。 – alex 2010-09-10 03:58:55

使用萤火虫，我改变宽度的#secondary-menu ul li ul到50em并理顺...

#secondary-menu ul li ul宽度似乎是从一个容纳箱以某种方式来计算。但是，它包含的数据100％是什么？这没有意义。

尝试把周围的ul菜单div是position: absolute，然后ul可以调整里面......

2010-09-10 03:53:16 DGM

我不能给它'50em'，因为我希望背景的宽度只有它所需要的宽度，而不是固定的。我现在可能会尝试你的第二个建议。感谢您的回答。 – alex 2010-09-10 03:56:36

我认为设定大小不起作用，但它说明发生了什么问题。我认为100％不会做你想做的事。 – DGM 2010-09-10 18:50:24

回答