css - CSS 下拉菜单未完全显示

Question

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

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