IE7 -显示：块内 显示不正确(IE7 - display: block withi

如果你看一下这个代码： http://jsfiddle.net/b3KaM/2/

在IE7 <a>标签不伸展到它们的父<li>宽度即使display: block; 设置。 你可以看到背景色设置为红色列表项和黄色链接上的差异。

这显然工作，FF / Chrome和朋友的罚款。

编辑：这里的复杂之处在于我不能设置一个固定的宽度 - 链接文本应保持在一行，并根据需要整个名单应该扩大。

我知道，这是被要求之前，我已经找到了这么几个问题，但我找不到这个问题的有效解决方案 - 任何想法吗？

如果没有 - 它是安全的说这是不可能实现的IE7相同的结果，在其他浏览器，即它是一个Internet Explorer漏洞没有解决办法？

Answer 1:

此问题是由在IE7渲染现象引起的，下称为hasLayout 。

为了解决这个问题，就必须简单地抑制你的a元素，从“获取布局”。

遗憾的是， 这会导致“增益布局”的元素的东西，大量的名单 。

你的a元素目前有overflow: hidden和min-height设置。 如果您删除这些属性，它会在IE7工作。

Answer 2:

With块，你必须给宽度也为element.For例如： - http://jsfiddle.net/b3KaM/8/

文章来源: IE7 - display: block within

does not display correctly