一旦我将行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
中添加 overflow:hidden
,正确的做法是:
.navbar {
position: fixed;
width: 200px;
background-color: #333;
}
关于javascript - JS : dropdown content can't be displayed when navbar is fixed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60475641/