Question

我创建了一个包含在t div中的菜单。在Chrome中运行时，菜单显示效果很好，但在IE7中拉伸了所有LI项目

我无法理解这一点。

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

谢谢！伊恩

Answer 1

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

尝试添加* zoom：1; *显示：内联;你的李元素，见下文。

 #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;
    }

LI在IE7中扩展到整页宽度，但在Chrome中很好

1 个答案: