在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

回答