用于Windows的Safari中的浮动错误

Question

我正试图浮动一堆div，以便它们彼此相邻排列。但由于某些原因，在Safari 4.0.4 for Windows中，div比前一个降低了约25px。所以每个div逐渐变得越来越低。

请参阅此屏幕截图：http://marckimmel.com/img/float-bug.jpg

一切都在Chrome和Firefox中完美运行。

我没有做任何特别棘手的代码。只是一个亲戚离开了。

Answer 1

我通过给浮动元素提供以下css属性来解决这个问题：

display:inline;
height:1%;

或

display:inline-block;
height:1%;