Closed. This question is off-topic。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
2年前关闭。
我创建了一个导航栏,当您将鼠标悬停在“社交”链接上时,将显示一个下拉菜单。它确实出现了,但是它在栏上创建了更多的填充,并且内容没有像普通的下拉菜单那样被下推。这是jsfiddle。谢谢任何答复。
jsfiddle
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
2年前关闭。
我创建了一个导航栏,当您将鼠标悬停在“社交”链接上时,将显示一个下拉菜单。它确实出现了,但是它在栏上创建了更多的填充,并且内容没有像普通的下拉菜单那样被下推。这是jsfiddle。谢谢任何答复。
jsfiddle
body {
padding: 0;
margin: 0;
overflow-y: scroll;
font-family: Arial;
font-size: 18px;
}
#nav {
background-color:#222;
}
#nav_wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}
#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
#nav ul li{
display:inline-block;
}
#nav ul li:hover {
background-color: #333;
}
#nav ul li a,visited{
color: #ccc;
display:block;
padding: 15px;
text-decoration: none;
}
#nav ul li a:hover {
color:#ccc;
text-decoration:none;
}
#nav ul li:hover ul {
display:block;
}
#nav ul ul{
display:none;
poisition:absolute;
background-color: #333;
border: 5px solid #222;
border-top: 0;
margin-left: -5px;
min-width: 200px;
}
#nav ul ul li{
display:block;
}
# nav ul ul li a,visited{
color: #ccc;
}
#nav ul ul li a:hover{
color:#099;
}
最佳答案
这将解决它:
#nav ul ul{
display:none;
position:absolute;
background-color: #333;
border: 5px solid #222;
border-top: 0;
margin-left: -5px;
min-width: 200px;
}
position
问题的拼写错误。