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

【问题标题】：IE8 buttons not working when floating next to an element浮动在元素旁边时 IE8 按钮不起作用
【发布时间】：2014-05-12 15:14:31
【问题描述】：

我在使用 IE8 的 Windows XP 上工作，我注意到当我让一个按钮浮动在一个元素旁边时，按钮的可点击区域缩小到仅不紧邻该元素的区域。用文字很难解释，所以让我们使用图像。这是向左浮动到“某物”div 的按钮。注意鼠标指针的位置：

请注意按钮的黄色边框。如果我在这个位置单击，按钮会响应。到目前为止，一切都很好。但是，如果我将指针向上移动一点，黄色边框就会消失，如果我单击，按钮不会响应：

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

这里是代码（它适用于 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>

有人知道这个错误吗？有什么解决办法吗？

提前致谢。

【问题讨论】：

也尝试在 div 上设置 float left

标签： internet-explorer-8 css-float

【解决方案1】：

您可以将您的 div 显示为内联块；

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

在这里试试：JSFiddle

【讨论】：