顶部下拉导航菜单显示最后一个菜单项的子项目在右侧而不是左侧？
顶部下拉导航菜单显示最后一个菜单项的子项目在右侧而不是左侧？
提问于 2012-03-28 08:02:56
我有一个顶部下拉导航菜单，其中每个菜单项都有子菜单，这些子菜单显示在右边。
除了最后一个菜单项外，所有的菜单项都可以。因为当我将鼠标悬停在最后一个菜单项上时，下拉菜单就会出现，然后当我将鼠标悬停在菜单项上时，子程序会显示在右边，并且因为浏览器窗口在那里结束而隐藏起来。
因此，当浏览器窗口完成时，我应该如何在左侧显示子菜单项，以便使菜单项呈现给用户。
有什么帮助吗？
编辑 http://harleydragon.info请看本网站。鼠标越过鸽子锻造菜单，看到它的孩子。孩子们应该出现在左边，因为右边没有空间。
回答 1
Stack Overflow用户
发布于 2012-03-28 08:25:22
这个问题还不清楚，但我想我明白发生了什么.
要么给最后一个菜单项一个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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9903392
复制相关文章
相似问题
腾讯云开发者
