IE7和inline-block PLUS使li扩展到子元素的大小

Question

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

我的浮动列表项目与内联块，不支持在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>

我需要我的列表项在这里展开，以适应文本的大小在超链接。如何在不使用inline-block的情况下实现这一点呢?

Answer 1

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