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

【问题标题】：How can I get this button to line up correctly in IE7?如何让这个按钮在 IE7 中正确排列？
【发布时间】：2011-10-01 08:02:00
【问题描述】：

我正在尝试让 IE7 中的 a 与其上方的元素正确对齐。

这是一个应该如何看待事物的示例：

但这就是它在 IE7 中的显示方式：

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

我有没有办法让它表现得像上图一样？

【问题讨论】：

【解决方案1】：

将overflow:visible 添加到您的按钮，它会根据它包含的文本删除 IE 放置在按钮上的水平填充。

像这样：

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

【讨论】：

【解决方案2】：

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

就目前的情况来看，查看这些屏幕截图，IE7 用户甚至都不会注意到有问题，所以我不会太挂念它。

顺便说一句，您提到使用“IE7 模式”——请注意，IE 的兼容模式不呈现与 IE7 的真实副本完全相同的内容。兼容模式下的一些布局故障和错误既不会出现在真正的 IE7 中，也不会出现在标准模式下的 IE8 中。使用兼容模式进行测试时要小心。

【讨论】：

感谢 +1 萌芽，以及理性的声音。老实说，我不在乎它在 IE7 中的样子，但客户得到了客户想要的。我的老板得到了它的钱。我只会头疼！ :-) RE IE7 模式 - 它足够接近，用 reddit 的说法。如果他们对此有任何问题，让他们提出另一个错误。今天是星期五 - 我还有其他事情要考虑！