CSS下拉菜单未完全显示

Question

我正在设计一个这样的主页：https://dl.dropboxusercontent.com/u/178536659/new/Document.htm我目前正在处理下拉菜单。 我的问题是我的下拉菜单没有完全显示。我尝试了很多方法，例如使用“float：left”（我正在使用的是什么）或使用对于ul li，“dislay：inline”，它仍然不起作用。

Answer 1

试试这个

在这个课程中#nav li 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%;
}

Answer 2

添加以下内容以删除额外的蓝色边框：

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