js下拉子菜單項定位問題

Question

我是一名Web設計人員，並且是stackoverflow的新手，我對定位下拉菜單鏈接（更具體地講，將它們向菜單左側對齊）存在此問題，因為菜單左邊框和鏈接開頭之間存在空格（請查看下面的實時演示鏈接）。 我試過了text-align，float，margin，padding和position屬性，但似乎沒有一個可以解決這個問題。 我認為菜單css可能與頁面的其他css代碼沖突，但我似乎找不到它。

您可以從此處的實時演示中檢查源代碼。

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;**
}

這應該消除左側的多余空間，並在下拉菜單（我相信您也在嘗試創建）周圍放置藍色邊框。