Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗? 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问题的拼写错误。

10-05 20:43
查看更多