IE7和内联块PLUS使li扩展到子元素的大小

Question

我有一个非常好的导航菜单，除了IE7之外，它正在跨浏览器工作。

我是使用inline-block浮动列表项，IE中不支持。我找到了一些解决方法..唯一的问题是内联块排序收缩包装我的列表项目围绕内容..而所有这些其他方法的IE7不这样做。我必须指定一个特定的宽度，这对这个站点不好，因为它不是静态的。

<ul id="mini-nav">
<li class="">
  <a href="">authenticated/basic">BASIC</a>
  <div></div>
</li>
<li class="">
  <a href="">ADVANCED</a>
  <div></div></li>
<li class="">
  <a href="">BEST PRACTICES</a>
  <div></div>
</li>
</ul>

我需要这里的列表项扩展以适应超链接中文本的大小。如何在不使用内联块的情况下实现此目的。

Answer 1

您可以使用float: left代替display: inline-block。根据您的设计，您可能需要将overflow: hidden添加到<ul>或使用通用的clearfix。