Question

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

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

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

Chrome（无偏移）：
Chrome
IE10（灰色顶部偏移）：
IE10

Answer 1

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

li { list-style: none; }

Answer 2

请参阅此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>

我不确定这是否是您要找的，但对我而言，列表项似乎正在创建'缓冲区'。

我希望这会有所帮助。

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

2 个答案: