在Microsoft Edge中向其动态添加元素时，将其y设置为“滚动”的元素正在移动] 这个应该让很多人挠头... 有人可以让我知道为什么在Microsoft Edge中将溢出y设置为“ scroll”时，我的<div>元素（id为“容器”）为何向下移动吗？似乎在Firefox中可以正常工作。 <!DOCTYPE html> <html lang="en"> <head> <title>Test</title> <meta charset="UTF-8" /> <style> body { border: 3px dotted red; position: fixed; width: 100%; height: 100%; display: grid; justify-items: center; align-items: center; overflow: hidden; box-sizing: border-box; margin: 0; padding: 0; } </style> </head> <body> <div style="height: 95%; border: 2px dotted orange; background-color: blue; overflow: hidden;"> <div id="container" style="overflow-y: scroll; width: 60vmin; height: 95%; background-color: silver;"></div> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> for (var i = 0; i < 500; i++) { $('#container').append('<div style="border: 1px solid silver;">Hello World!</div>'); } </script> </body> </html> 以下是Firefox和Microsoft Edge的屏幕截图： Firefox：边缘：这应该让很多人挠头……有人可以让我知道为什么我的当Microsoft Edge中的y设置为“ scroll”时，元素（id'container'）向下移动？似乎... - firefox - SO中文参考