变焦时，元素从中心列泄漏

Question

以下是网站：http://magicdynamic.com/zoom/

我正在使用谷歌浏览器，并且右上角的元素正在以非常强大的缩放功能从主列中泄漏出来。

由于变焦需要非常强大，所以它应该不是一个大问题，但我想理解它为什么会这样。

我尝试将400px和30％作为headerBar的保证金，但它仍然漏掉了。

任何人都可以帮助我吗？

Answer 1

我认为这是因为你div#midColumn有margin: 0 auto（所以它居中），但背景图片在你身上。因此，如果你变焦太大，左页边距就会消失，这会使div相对于背景图像移动。

因此，您可以尝试将body背景设为蓝色并将页面图像放在div#midColumn上。

Answer 2

在样式表中添加一些属性

1. div＃midColumn - ＆gt;添加到溢出：隐藏;
2. div＃header - ＆gt;添加到溢出：隐藏;