css - 将 CSS 转换应用于显示为 :block, 的元素会向页面添加大量滚动

Question

我有一个导航倾斜 10 度的设计。它是使用无序列表和 css 图形元素构建的，作为“a”类的背景，并使用 display:block 显示整个图形。喜欢你。

非常标准，除了当我将转换添加到无序列表时，页面滚动到页面末尾之外大约 1000 像素或更多。我已经尝试将转换添加到链接、列表项，所有这些都具有相同的页面滚动结果。在视觉上，转换无序列表是我想要做的。除了扩展的卷轴，它看起来很棒并且按预期工作。

(没有显示 block 或使用纯文本时，转换工作没有问题并且没有添加扩展滚动。)

有什么想法可以防止页面滚动像那样乱七八糟吗？

谢谢!

Answer 1

尝试将 overflow:auto; 添加到您的 CSS 中的列表元素，滚动的疯狂应该(祈祷)自行解决。