css - LI 在 IE7 中拉伸到整个页面宽度，但在 Chrome 中很好

Question

我创建了一个包含在 t div 中的菜单。在 Chrome 中运行时菜单显示良好，但在 IE7 中拉伸了所有 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;
    }