奇怪的IE7错误 - 可能是浮动问题?

时间:2011-03-24 13:33:24

标签: cross-browser css-float internet-explorer-7

这是我的网站: http://smartpeopletalkfast.co.uk/ppr14/

在IE7中,有时菜单“联系人”中的最后一个链接会被推到下一个级别,有时则不会。

如果我调整浏览器窗口的大小,它会反复跳转,就像它应该的那样一直在跳线,然后按下最后一个链接。奇怪的是它在一定宽度下不对或错,在我调整大小时它会继续跳跃。

任何人都知道为什么会这样?我以前从来没有听说过这样的错误。 谢谢

1 个答案:

答案 0 :(得分:0)

据我所知,遗憾的是IE7如何分配百分比宽度。我假设IE7只是将元素的宽度舍入到最近的像素。因此,例如,当总宽度为25,26,27时,宽度向下舍入,并且所有元素都很好地适合父元素。但是,如果宽度为28或29,则宽度向上舍入,总计比父元素宽,将最后一个元素向下推。

要解决这个问题,你只需要使元素变小,这样即使它们的宽度向上,它们也不会向下推动最后一个元素。例如,只需将宽度设置为19%即可确保即使在IE7上所有元素都在同一行上。当然,在那之后元素不会完全均匀地居中,但这可能会被注意到吗? (你也可以在开头和结尾使用空元素来均衡它,但它有点棘手)