html - 'li' + float 使 Internet Explorer 6 崩溃

Question

我知道。我们不想支持可怕的丑陋浏览器，但是，让这个东西崩溃似乎再简单不过了。

The URL

图片库是一个 Joomla 插件 (Sigplus)，它适用于所有其他标准浏览器。在 Internet Explorer 中，它没有正确显示。所有图像都垂直显示在一行中，一张在另一张下方。但浏览器不会挂起或崩溃，而且画廊也能正常工作。

以下是一个 Joomla 插件，我不想弄乱它的工作原理，因此，对于 Internet Explorer，我在标题中添加了一个简单的规则:

<!--[if lt IE 7]>
    <style>
        li
        {
            float:left;
            margin-right:5px;
        }
    </style>
<![endif]-->

这解决了问题，并且图库显示正常。但是，当您向下滚动并到达最后一行图像时，Internet Explorer 挂起并崩溃。

我尝试删除最后五张图片，认为这与图片本身有关。但现在它卡在当前最后一行并崩溃。

它会是什么？

Answer 1

一些可能(或可能不起作用)的解决方案:

1. 在您的 LI 末尾添加一个清算 div
2. 从 XHTML Transitional 文档类型切换到 HTML5 或 XHTML Strict 文档类型
3. 定位 UL 容器相关
4. 在 UL 和/或 LI 上设置 zoom:1
5. 在 UL 和/或 LI 上设置 height:1%

当 IE 变得糟糕时，我会做一些标准的事情。