简体繁体 English

剩下的IE7：％；虫子

[英]IE7 left:%; bug

原文 2010-04-24 13:25:12 0 1 html/ css/ internet-explorer-7

I'm working on a project, I use the latest IETester , and I bumped into a IE7 specific alignment bug. 我正在开发一个项目，使用最新的IETester ，遇到了IE7特定的对齐错误。 view this in IE7 and then in any other browser, for example Firefox, IE8 and even IE6. 在IE7中查看此内容，然后在其他任何浏览器中查看，例如Firefox，IE8甚至IE6。 Notice how the little "|" 注意小“ |” between the lower links is not visible in IE7, yet it looks fine in the other browsers. 在IE7中看不到下部链接之间的链接，但在其他浏览器中看起来不错。 Removing the left:-100%; 除去左侧：-100％； from on line 61 fixes the bug as seen here , but i need this "left" for positioning. 从第61行开始，修复了此处看到的错误，但我需要此“左”来定位。

Any help on what is causing this bug, or potential ideas on how to fix it much needed. 有关导致此错误的原因的任何帮助，或有关如何修复此错误的潜在想法。

1 个解决方案

I don't know exactly why you use the left:-100% trick but what you do can be achieved much more easily. 我不知道您为什么要使用left：-100％技巧，但是您可以轻松实现。 You want to make the toplevel ul to be inline-block, Make "Forums" be block level and the other ul block level (and the li items in there be inline) then you can forego many of the big positioning commands, and don't do ill-defined things like left:-100% 您要使顶层ul成为内联块，使“论坛”成为块级，而使其他ul块级（以及其中的li项成行），则可以放弃许多重要的定位命令，而不必t做不明确的事情，如left：-100％