CSS下拉菜單沒有完全顯示

我正在設計一個像這樣的主頁：https://dl.dropboxusercontent.com/u/178536659/new/Document.htm，我目前正在研究下拉菜單。 我的問題是我的下拉菜單沒有完全顯示。我嘗試了很多方法，如使用「float：left」（我正在使用什麼）或使用「dislay：inline」爲ul li，它仍然不起作用。CSS下拉菜單沒有完全顯示

來源

2013-07-29 sonlexqt

試試這個

在這個類#nav李UL z-index給然後進入菜單顯示正常，

#nav li ul { 
    background-color: black; 
    display: none; 
    left: -60px; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    width: 257px; 
    z-index: 1; 
} 

#nav ul li ul li { 
    border-bottom: 2px solid #2185C5; 
    padding: 14px; 
    width: 89%; 
}

來源

2013-07-29 07:30:08 falguni

Fags是對的。此外，您應該清除#content div上的浮點數，以便爲其添加overflow：hidden或添加適當的clear浮點類。 –

謝謝。任何人都可以告訴我如何刪除下拉菜單中的黑色空白（例如「PRO EVOLUTION SOCCER」之前） – sonlexqt

Tks，但我的意思是無論我爲類#nav li ul設置的背景顏色;它留下了一個小的空白與我的子項下拉菜單中的顏色，我不知道如何刪除該空白 – sonlexqt

添加以下刪除多餘的藍色邊框：

#nav ul li ul li { 
padding: 14px 25px 14px 14px; 
border-bottom: 2px solid #2185C5; 
width: 100%; 
margin-left: -40px; 
} 

#aftercolor { 
position: absolute; 
top: 99px; 
height: 8px; 
width: 960px; 
background-color: #2185C5; 
}

還加margin:0到您的body，使您的網站好看。

body{ 
margin: 0; 
}

來源

2013-07-29 08:30:23

CSS下拉菜單沒有完全顯示

回答

相關問題