Css 浮动对象

我试图将一个包含对象的对象向右浮动：向右；， 但是当对象浮动时，它们就变得不可拾取了

如果文本对齐：右；然后按钮是可点击的，但它会将左侧对象向下推一行

这是一个bug吗？我如何解决它

最新版本的Firefox和Chrome都会出现这种情况

编辑： 我发现按钮的主体是不可点击的，但顶部1像素的边缘是可点击的

分区的CSS

#cmd-bar {
    float: right;
}

<div id="cmd-bar">
    Select a command: 
    <button onClick="RunTask('start');">Start</button>
    <button onClick="RunTask('end');">Stop</button>
    <button onClick="RunTask('reset');">Reset</button>
    <!--<progress id="progressbar" value="50" max="100"></progress> -->
</div>

DIV的HTML标记

#cmd-bar {
    float: right;
}

<div id="cmd-bar">
    Select a command: 
    <button onClick="RunTask('start');">Start</button>
    <button onClick="RunTask('end');">Stop</button>
    <button onClick="RunTask('reset');">Reset</button>
    <!--<progress id="progressbar" value="50" max="100"></progress> -->
</div>

---

按钮总是被包装的，只有当我对它们应用浮动时，它们的点击才会成为问题。

div status img使其不可点击： 它在你的按钮上方

添加

#status-img {
   margin-right: 500px;
}  

---

该问题是由位于按钮正上方的img引起的

加：

到命令栏

---

这将使按钮位于当前位于其上方的图像上方。

听起来像是div正在包装按钮，因此您无法单击。共享您的代码，让您确切地知道您可以看到的问题。它可以工作，因此它是由代码中的其他内容引起的。经过编辑以包含示例源代码。您是否在JSFIDLE中执行此操作？仍然有效：它不是由您发布的代码引起的。这是另外一回事。发布所有代码。