奇怪的IE7錯誤 - 也許是一個浮動問題？

Question

這裏是我的地盤： http://smartpeopletalkfast.co.uk/ppr14/

在IE7有時在菜單「聯繫人」的最後一個環節被推到一個新的水平，而其他時候它不是。

如果我調整瀏覽器窗口的大小，它會從所有行中像所預期的那樣重複跳轉，並將最後一個鏈接向下推。奇怪的是，它在一定寬度之下或之下並非正確/錯誤，它在我調整大小時繼續跳轉。

任何人有一個想法，爲什麼發生這種情況？我從來沒有聽說過這樣的錯誤。 謝謝

Answer 1

據我所知，這是不幸的IE7分佈百分比寬度的錯誤。我假設IE7只是將元素的寬度舍入到最近的像素。因此，例如，當總寬度爲25,26,27時，寬度向下舍入，所有元素都很好地適合父元素。但是，如果寬度爲28或29，則寬度向上舍入，其總數大於父元素，將最後一個元素向下推。

爲了解決這個問題，你只需要縮小元素的大小，這樣即使當它們寬度向上時，它們也不會推倒最後一個元素。例如，只需將寬度設置爲19％，即使在IE7上也應確保所有元素都在同一行上。當然，這些元素在這之後不會完全均勻地居中，但是這可能會被注意到嗎？ （你也可以在開始和結束時使用空的元素，但它有點複雜）