如何让这个按钮在IE7中正确排列？

Question

我正试图在IE7中使用上面的元素正确排列。

这是一个如何看待事物的例子：

但这就是它在IE7中出现的方式：

我正在使用的这个HTML（在IE7模式下使用IE查看以获得最佳效果！）：http://jsfiddle.net/ZHfbF/2/

有没有办法让我在顶部图像中表现得像？

Answer 1

将overflow:visible添加到您的按钮，它将删除IE放置按钮的水平填充，具体取决于其包含的文本。

像这样：

#btnViewResults {
    float: right;
    padding-right: 7px;
    overflow: visible;
}

Answer 2

我已经给出了问题+1，但坦率地说，如果这是你在IE7中遇到的最糟糕的布局问题，我会接受并忽略它，并且非常感激它并不会更糟。

就目前情况而言，看看这些屏幕截图，IE7用户甚至没有注意到存在问题，所以我不会太过分了。

顺便提一下，你提到使用“IE7模式” - 请注意IE的兼容模式不渲染与IE7的真实副本完全相同。在兼容模式下有几个布局故障和错误，它们在标准模式下不会出现在真正的IE7或IE8中。使用兼容模式进行测试时请务必小心。