我有一个顶部下拉导航菜单，其中每个菜单项都有子项，这些子项显示在右侧。
除最后一个菜单项外，所有菜单项都可以。因为当我将鼠标悬停在最后一个菜单项上时，会出现下拉菜单，然后当我将鼠标悬停在菜单项上时，子菜单显示在右侧并隐藏，因为浏览器窗口在那里完成。
那么，当浏览器窗口结束时，如何在左侧显示子菜单项，以便向用户显示菜单项。
请帮忙吗？
修改 http://harleydragon.info 请看这个网站。将鼠标移到Pigeon Forge菜单上，看看它的孩子。那些孩子应该出现在左侧，因为右侧没有空间。
答案 0 :(得分：0)
这个问题真的不清楚，但我想我明白发生了什么......
将最后一个菜单项设为id（例如#last-item），然后将后续子项设置为显示在左侧（给定#last-item id），而不是右侧（使用您的首选项）方法取决于您的情况 - 即位置：相对+左，或浮动，保证金）
#menu .children
{
/* position right */
}
/* "#menu" in the following style is NOT required,
I left it in for sake of clarity. */
#menu #last-item .children
{
/* position left */
}
还可以考虑使用CSS伪类来设置最后一个元素的子元素的样式：