問題與js下拉菜單項目定位

Question

我是一個網頁設計師和新的在stackoverflow，我有這個問題與定位下拉菜單鏈接（更具體地對齊他們在菜單的左側），因爲有一個空間菜單左邊框和鏈接開頭之間（檢查下面的實時演示鏈接）。我已經嘗試了文本對齊，浮動，邊距，填充和位置屬性，但它們都沒有解決這個問題。我認爲菜單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;** 
} 

這應該擺脫左邊的額外空間，並將藍色邊框放在下拉框中，我相信您也在嘗試創建。