Fatal编程技术网
  • javascript/
  • Javascript JS：下拉内容可以'；当导航栏固定时，不会显示

Javascript JS：下拉内容可以'；当导航栏固定时，不会显示

javascript

Javascript JS：下拉内容可以'；当导航栏固定时，不会显示,javascript,Javascript,一旦我在.navbar中添加了line position:fixed来修复我的navbar，下拉内容就不能再显示了。有什么想法吗，怎么可能，我怎么能在这里以正确的方式修复导航栏 <html> <head> <style> .navbar { position: fixed; width: 200px; overflow: hidden; background

一旦我在.navbar中添加了line position:fixed来修复我的navbar，下拉内容就不能再显示了。有什么想法吗，怎么可能，我怎么能在这里以正确的方式修复导航栏

    <html>
    <head>
    <style>
    .navbar {    
     position: fixed;       
     width: 200px;   
     overflow: hidden;  
     background-color: #333;  
    }   
   .dropdown {  
    float: left;  
    overflow: hidden;  
   }  
  .dropdown-content {  
    display: none;  
    position: absolute;   
  }  
 .dropdown-content a {  
   text-decoration: none;  
   text-align: left;  
  }  
 .dropdown:hover .dropdown-content {  
  display: block;  
}
</style>
</head>
<body>
<div class="navbar">
<div class="dropdown">
   <button class="dropbtn">Dropdown</button>
<div class="dropdown-content">
  <a href="#">Link 1</a>
</div>
</div> 
</div>
</body>
</html>


.navbar{
位置：固定；
宽度：200px；
溢出：隐藏；
背景色：#333；
}   
.下拉列表{
浮动：左；
溢出：隐藏；
}  
.下拉列表内容{
显示：无；
位置：绝对位置；
}  
.下拉内容a{
文字装饰：无；
文本对齐：左对齐；
}  
.dropdown:悬停.下拉内容{
显示：块；
}
下拉列表
您不应该在
导航栏中添加
溢出：隐藏
，正确的方法是：


.navbar{
位置：固定；
宽度：200px；
背景色：#333；
}



您不应该在
导航栏中添加
溢出：隐藏
，正确的方法是：


.navbar{
位置：固定；
宽度：200px；
背景色：#333；
}



您应该删除.navbreat上的溢出：隐藏。非常感谢您的快速帮助。这对我有很大帮助，你应该删除溢出：隐藏在.navbreat上。非常感谢您的快速帮助。这对我帮助很大