html - 按钮在定位时不可用

Question

我有一个包含几层 div 的按钮。每当我尝试定位按钮时，它都不再可用。它变得禁用。我试图将 z-index 设置为 9999，但没有成功。我还将按钮包裹在一个 div 中并定位了 div 本身，但它仍然禁用了按钮。我尝试更改边距和 float 。

#left_menu {
  position: fixed;
  width: 12%;
  height: 100%;
  background-color: #262626;
  border-right: 3px solid #1a1a1a;
}

#left_menu_top_options {
  width: 100%;
  height: 30px;
  background-color: #1a1a1a;
}

.left_menu_button {
  position: relative;
  float: right;
  width: 25px;
  height: 25px;
  z-index: 9999;
}

<div id='left_menu' class='lmenu'>
  <div id='left_menu_top_options'>
    <button class="left_menu_button" onclick="changeMenu()">C</button>
  </div>
</div>

Answer 1

不确定是什么导致了这个问题。作为解决方案，我从左侧菜单中删除了该类，并创建了一个完全独立的固定 div 来使用其中的按钮。这奏效了。