Question

我正在使用IE8在Windows XP上工作，我注意到当我在一个元素旁边浮动一个按钮时，按钮的可点击区域只会缩小到不在旁边的区域。元素。用文字解释起来有点困难，所以让我们使用图像。这个按钮漂浮在＆＃34;＆＃34;＆＃34; DIV。注意鼠标指针的位置：

enter image description here

注意按钮的黄色边框。如果我单击此位置，按钮会响应。到现在为止还挺好。但是，如果我将指针移到上方，黄色边框会消失，如果我点击，按钮就不会响应：

enter image description here

事实上，如果我点击彩色区域，按钮根本不起作用：

enter image description here

以下是代码（适用于Firefox和Chrome）：

<!DOCTYPE html>
<html>
    <head>
        <title>Button Test</title>
    </head>
    <body>
        <input value="Rollover" style="float: left;  height: 40px;  width: 120px;" type="button">      
        <div>Something</div>
    </body>
</html>

有谁知道这个bug？它有什么问题吗？

提前致谢。

Answer 1

您可以将div显示为inline-block;

<div style="display: inline-block;">Something</div>

在此处试试：JSFiddle

浮动在元素旁边时IE8按钮不起作用

1 个答案: