css - 1px 页面溢出在 chrome 而不是 firefox

Question

我有一个相当令人沮丧的问题，它导致我的网络应用程序出现故障。我的设计理念是它具有超强的响应能力，并且页面/文档不会滚动，但页面中的元素会滚动。结果我在很多 div 上有 100% 的高度。出于某种原因，我不知道为什么，chrome 已经决定 100% 实际上 = 到 100% + 1px，但是 firefox 没有问题。这个 1 px 导致右侧出现丑陋的滚动条，并导致页面在滚动包含的元素时上下跳动。所以我想，太棒了，让我们计算一下(100% -1px)，看看结果如何。好吧，它修复了滚动条，但现在底部有 1px 的间隙。好像赢不了它要么 1px 太多，要么 1px 不够......我尝试过的任何方式:

• 删除所有行高
• 如上所述计算 1px (.page-container)
• 从页面中删除了所有 Bootstrap 字形
• 禁用引导工具提示

注意:我注意到在 chrome 上，如果我清除缓存并硬重置，在滚动条出现之前会有大约 500 毫秒的延迟，但我认为这可能是因为我的 div css 动画到 100%？

这里是我的 css 文件的链接，以及 chrome 和 Firefox 中问题的屏幕截图。

css-file-1

css-file-2

css-file-3

如果需要，我很乐意将整个站点上传到我的服务器。给我私信私信。谢谢!

Answer 1

事实证明，“textAngular”是一个与我们的 Angular SPA 集成的 html 编辑器，它在页面底部放置了一个 1px 高的输入，其 ID 为:textAngular-editableFix-010203040506070809。我只是将它的高度设置为 0px，walla 问题就解决了。还是要谢谢你的帮助。希望这可以帮助其他可能遇到此问题的人!