Javascript 容器在第三次btnAdd单击后向左移动？

我不知道为什么会发生这种情况，但在第三次单击btnAdd并添加第三组表单元素后，整个容器结构会稍微向左移动

这是我的JSBin JSFIDLE已关闭：

有人知道这是为什么吗

---

非常感谢您的评论、想法和答案：

这是因为第三次单击时会显示垂直滚动条

您可以使用CSS使其始终显示：

body {
    overflow-y: scroll;
}

---

谢谢任何设置overflow:hidden to body或container都有助于消除移位吗？添加了overflow:hidden to body，效果非常好。计时结束后我会接受你的回答，非常感谢@Pixelatron：使用溢出：隐藏是奇怪的？您正在阻止用户向下滚动查看隐藏内容？@Pixelatron:将容器CSS更改为边距：10%自动0自动；会是一个更好的解决方案。啊，这更有意义，对不起，有点累了。我通常会声明所有四个margin:value，因此我一开始就有点被它吓坏了。