CSS問題：IE圖像按鈕未正確對齊

Question

Firefox正確顯示紅色「搜索列表」按鈕與文本輸入字段內嵌。

但是，IE 6/7沒有對齊。

任何想法爲什麼IE瀏覽器顯示比其他瀏覽器更低的紅色按鈕？ IE 8（正確）的

截圖
api.browsershots.org/png/original/54/546946b7cfd67ce2c59de0b608c3323.png IE 7的

截圖（不正確的）
api.browsershots.org/png/original /52/52c54c02fb6803584e77223309df99b.png

Answer 1

這是因爲你浮動按鈕而不是文本框。添加浮動：左＃城市場

Answer 2

哇，他們看起來幾乎和我的眼睛一模一樣。您是否嘗試將輸入按鈕上的邊距設置爲0？

編輯：好吧，沒關係。根據你的IE8屏幕截圖，它不能正確顯示在我的Firefox中。

Answer 3

IE是寬度和浮動臭名昭着的壞。這兩個元素似乎都有寬度的定義。我實際上看到它們在IE7中很好地對齊。

添加一個float：left to＃city-field should cure your issue this - 浮動元素有時被視爲與非浮動元素不同。