我正在尝试配置基于CSS的下拉菜单。
我在<UL>周围添加了一个边框，希望它成为所有<li>元素的容器。
它工作正常，直到<li>中的一个比其余的更长。它向外推到<UL>边界。
我该如何解决？
此外，带有<li>的文本在IE中消失，而在FF中一切都很好。
这是一个DEMO。 （将鼠标悬停在项目上）
答案 0 :(得分：2)
您目前已将width:100%设置为子菜单下拉列表，这只会是父容器的100%，该容器小于您的{{1}因容器溢出的子菜单列表项属性。只需删除该宽度声明，您的子菜单就应该扩展其内部内容。
white-space:nowrap此外，您不希望向左浮动子菜单项，以便将该属性移动到您使用子选择器的位置。
答案 1 :(得分：1)
除float，display和postion之外，将您的所有样式从LI标记移至A标记并使用{{1}在display:block标记上。
答案 2 :(得分：1)
嗯，你在菜单项上声明了一个设定的宽度。这导致任何内部元素的约束。由于它们更宽，它们别无选择，只能推出边界。
删除设定的宽度，你应该没问题。