css - LI 在 IE7 中拉伸(stretch)到整个页面宽度，但在 Chrome 中没问题

Question

我创建了一个包含在 t div 中的菜单。该菜单在 Chrome 中运行时显示良好，但在 IE7 中拉伸(stretch)了所有 LI 项

我只是无法理解这个问题。

样本可以在 http://jsfiddle.net/uMASt/ 找到.该页面在 jsfiddle 上正确加载，但在我的硬盘上不正确

谢谢!伊恩

Answer 1

因为当它在 jsfiddle 上正确加载时不可能看到出了什么问题，即使在 IE7 中，我也可以给它一个有希望的合格猜测......IE7 有它自己的生活并且有时需要一些额外的属性，IE 只有属性开始带星号。

尝试添加 *zoom:1; *显示:内联；到你的 li 元素，见下文。

 #menu li {            
        display:block;
        float:left;
        border-top:1px solid #CCC;
        text-transform:uppercase;
        width:auto;
        *zoom:1;
        *display:inline;
    }
    #menu li a {
        padding: 10px 15px 10px 25px;
        display:block;
        height:50px;
        text-decoration:none;
        color:#FFF;
        *zoom:1;
        *display:inline;
    }