顶部下拉导航菜单显示右侧最后一个菜单项的子项而不是左侧？

Question

我有一个顶部下拉导航菜单，其中每个菜单项都有子项，这些子项显示在右侧。

除最后一个菜单项外，所有菜单项都可以。因为当我将鼠标悬停在最后一个菜单项上时，会出现下拉菜单，然后当我将鼠标悬停在菜单项上时，子菜单显示在右侧并隐藏，因为浏览器窗口在那里完成。

那么，当浏览器窗口结束时，如何在左侧显示子菜单项，以便向用户显示菜单项。

请帮忙吗？

修改 http://harleydragon.info 请看这个网站。将鼠标移到Pigeon Forge菜单上，看看它的孩子。那些孩子应该出现在左侧，因为右侧没有空间。

Answer 1

这个问题真的不清楚，但我想我明白发生了什么......

将最后一个菜单项设为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伪类来设置最后一个元素的子元素的样式：

http://www.quirksmode.org/css/firstchild.html