javascript - CSS 下拉菜单未正确对齐

标签 javascript html css xhtml wordpress-theming

我开发了http://pizzli.com/millington为客户使用 CSS 来制作下拉菜单。结果很好,但是由于某种原因它们向右对齐。看看下面的图片。如有任何帮助,我们将不胜感激。

enter image description here

最佳答案

嘿,我想让你的下拉导航从左边开始,而不是你给你的 li 位置 relative 和 sub ul 给 left 和 absolute 属性,就像这样

对您的 css 文件进行一些更改

#navigation li {
    float: left;
    list-style: none outside none;
    position: relative;
}

还有这个

#navigation li:hover ul {
    display: block;
    left: -16px;
    margin: 0;
    padding: 0;
    position: absolute;
}

关于javascript - CSS 下拉菜单未正确对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10219841/

相关文章:

javascript - console.log 在分配给新变量时崩溃?

javascript - GroupBy 使用 underscore.js 使用嵌套 JSON 对象

javascript - 文件拖放,检测何时掉到外面?

html - 阻止 DIV 与其他 DIV 重叠(CSS)

javascript - 使用 CSS3 动画滚动

javascript - 隐藏 anchor ,但不隐藏 anchor 文本

javascript - 将数组中的每个元素放在一个段落中

javascript - 更改类前触发事件

css - 用CSS装饰浏览按钮

css - 什么可以使复选框不显示在页面上?