因为我需要在IE7中将菜单列表项显示为水平,但它是垂直显示的。
菜单列表项:
这是垂直显示菜单列表项的图像。
如果我使用float:left
属性,那么它也不会被展示出来。该怎么办?
CSS如下:
.swMain ul.anchor {
display: inline-block;
list-style: none;
padding-left: 0px;
margin-top: 3px;
float:left;
}
.swMain ul.anchor li{
position:relative;
margin: 0;
padding: -10px;
padding-top:0px;
padding-bottom: 0px;
clear:both;
display:inline;
float:left;
}
.swMain ul.anchor li a {
display:inline;
margin:0;
padding:0px;
text-decoration: none;
outline-style:none;
}
答案 0 :(得分:0)
问题是,IE7不支持内联块。幸运的是,有一个简单的解决方法:
.swMain ul.anchor {
*display: inline;
zoom: 1;
}
显示属性的*面前确保只有IE7才能理解它,并被其他所有浏览器忽略。