我创建了一个包含在 t div 中的菜单。该菜单在 Chrome 中运行时显示良好,但在 IE7 中拉伸(stretch)了所有 LI 项
我只是无法理解这个问题。
样本可以在 http://jsfiddle.net/uMASt/ 找到.该页面在 jsfiddle 上正确加载,但在我的硬盘上不正确
谢谢! 伊恩
最佳答案
因为当它在 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;
}
关于css - LI 在 IE7 中拉伸(stretch)到整个页面宽度,但在 Chrome 中没问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10851179/