js下拉子菜单项定位问题

Question

我是一名网页设计师，也是stackoverflow的新手，我有定位下拉菜单链接的问题（更具体地说是将它们对齐到菜单的左侧），因为菜单左边框和开头之间有一个空格链接（查看下面的实时演示链接）。我已经尝试了text-align，float，margin，padding和position属性，但它们似乎都没有解决这个问题。我认为菜单css可能与页面的其他css代码冲突，但我似乎无法找到它。

您可以查看live demo of the page here的源代码。

Answer 1

好的，根据代码的结构，我会修改你的css来做我认为你正在尝试做的事情 - 我将**我做的css改变：

.dropdown dd {
position: absolute;
overflow: hidden;
width: 200px;
display: none;
background: #f8f8f8;
z-index: 200;
opacity: 0;
**border-right: 1px solid #004e8e;**
}

.dropdown ul {
**overflow: hidden;**
width: 204px;
border: 1px solid #004e8e;
list-style: none;
}

.dropdown li {
**display: block;**
**position: relative;**
**left: -40px;**
}

这应该摆脱左边的额外空间，并在我认为你也试图创建的下拉列表周围放置蓝色边框。