在IE8上溢出隐藏并显示列表项目+

在Internet Explorer 8+上，溢出“隐藏”的显示列表项目元素具有额外的偏移顶部。
为什么？在IE8上溢出隐藏并显示列表项目+

该元素在Chrome，Firefox，IE7上没有任何偏移量。

Jsfiddle example
注释/取消注释LI元件上的列表项：
li { /*display: block;*/ }

浏览器（无偏移）：
Chrome
IE10（灰色顶部偏移量）：
IE10

2014-01-15 efusien

您使用的是reset.css还是normalize？ –

我尝试删除li元素上的列表样式，它似乎工作。

li { list-style: none; }

2014-01-15 15:38:17

请参阅JsFiddle，我删除了ul和li标签，并用段落标签替换它们。您还需要更新CSS中的li和ul。

这似乎照顾在IE屏幕顶部的块。

<body> 
<div class="box"> 
    <p> 
      <a href="#"> 
       Lorem ipsum dolor sit amet. Silencium magistros ornat. 
      </a> 
    </p> 
</div>

我不知道如果这是你要找的，但对我来说好像列表项是创造了“缓冲”区域。

我希望这会有所帮助。

2014-01-15 15:35:00 Craighead

@efusien - Hans Westman的解决方案很可能是您想要考虑的路线，因为您可以保留ul/li项目的布局。 – Craighead

回答