通常情况下,我可以将CSS自己排除在任何角落,但本周五下午的问题正在向我发出!
Here is the problem。将鼠标悬停在菜单项(生日,婚礼......)上,然后观察下拉列表。
最初,我将这些列表项左侧漂浮。我已经在网站的其余部分使用CSS进行了很多扫描,因为我再次检查它们,所以它们拒绝相互浮动。他们只是堆积起来!
如果我给它们一个明确的宽度,它是有效的,但我从一开始就不知道它们的确切宽度(动态生成)。
我在Firefox 3.6.8上看它。 Safari上也会出现此问题。我还没有测试过任何其他浏览器。
我做错了什么?
谢谢!
答案 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
可以在其中调整大小...