你有没有机会知道如何将侧边栏切换到 map 上? map 总是覆盖我的切换按钮。我正在使用 bootstrap 简单侧边栏。非常感谢!!! https://codepen.io/william251082/pen/rGNPqr
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<p><h1>Locations</h1></p>
<form>
<input placeholder="Search..." type="search" data-bind="textInput: filter">
</form>
<ul data-bind="foreach: myLocations">
<li data-bind="text: name, visible: visible, click: $root.listViewClick" ></li>
</ul>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div id="map"></div>
<a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">☰</a>
</div>
</div>
<!-- /#page-content-wrapper -->
<!-- /#wrapper -->
#map {
width: 100%;
margin-left:10%;
position: absolute;
height: 100%;
}
#menu-toggle {
width: 50px;
height: 40px;
background-color: black;
margin:10 10;
}
最佳答案
使位置相对并移动它。 position absolute 使其脱离文档流。这就是导致重叠的原因。如果不需要重叠,请避免使用 position: absolute
关于html - map 覆盖了切换按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46262624/