css - 无法点击 float div 内的按钮

Question

我发现如果将 div 设置为“ float ”，则无法单击 div 内的按钮。在我的 html 中，无法单击“a”和“b”这两个按钮。你有什么想法吗？

<div id="titlepanel" style="height:65px; position:absolute; top:0px; left:0px; width:70%; overflow:auto; background-color:#b0e0e6;" > 
       wait
    </div> 

    <div id="subtitlepanel" style="height:65px; position:absolute; top:0px; left:0px; width:70%; visibility:hidden; background-color:#aaaaaa; " > 
       subtitle
    </div> 

   <div id="buttonpanel" style="height:65px; width:12%;  float:right; background-color:#bbbbbb;">

       <input type="button" value="a" id="a"  /> 
       <input type="button" value="b" id="b"   /> 

    </div> 

Answer 1

您的代码示例也适用于我..

但是我猜我会说有一个绝对定位的 div(不在上面的代码中)“在你的按钮的顶部”

尝试添加 position: relative;至 <div id="buttonpanel">如果不尝试添加 z-index，它可能会自行工作也是