如何讓這個按鈕在IE7中正確排列？

Question

我試圖在IE7中與上面的元素正確對齊。

這是事情應該如何看一個例子：

但這是它是如何出現在IE7：

這個HTML我使用（ IE瀏覽器在IE7模式下查看效果最好！）：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中。在使用兼容模式進行測試時請務必小心。