CSS 菜单列表项在 IE7 中的显示问题

Question

因为我需要在 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;
}

Answer 1

问题是 IE7 不支持 inline-block。幸运的是，有一个简单的解决方法:

.swMain ul.anchor {
   *display: inline;
   zoom: 1;
}

display 属性前面的 * 确保只有 IE7 可以理解它，其他所有浏览器都会忽略它。