【问题标题】:JavaScript Drop Down Moving Over LinksJavaScript 下拉移动链接
【发布时间】:2011-10-13 02:08:45
【问题描述】:

我在尝试创建 javascript 下拉菜单时遇到了这个问题。它一直在我的“价格”链接上移动,但我删除了 UL 中的所有填充和边距。有什么建议吗?

http://jsfiddle.net/fSXHj/

【问题讨论】:

    标签: javascript html css menu hover


    【解决方案1】:

    这是因为您正在显示的隐藏 ul 由于其自身的宽度而扩大了外部 ul。您需要将隐藏的 ul 定位为绝对。

    检查一下:

    http://jsfiddle.net/fSXHj/1/

    【讨论】:

    • 好的,还有一个问题。为什么人们总是告诉我绝对定位在不同的分辨率下不好,但在这里却很完美?也谢谢!
    • 嗯,这取决于你如何使用它。如果您不指定顶部、左侧、底部或右侧(将其保留在最初绘制的位置),您将不会遇到这些问题。此外,如果您将父容器位置设为:相对,您可以再次避免该问题。看看这篇很棒的文章:alistapart.com/articles/css-positioning-101
    猜你喜欢
    • 1970-01-01
    • 2012-09-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多