请参阅 jsFiddle http://jsfiddle.net/Lijo/ryDnn/1/ .我有两列布局。它是基于百分比的布局——但定义了最小宽度。当我将(IE8 浏览器的)缩放比例设为 75% 或以下时，效果很好。当我将缩放比例设为 85% 时，橙色框会下降。我们如何克服这种错位？无论缩放/浏览器最小化/桌面分辨率如何，橙色框都应保持在正确的位置(如图所示)。它不应该下降。
jsFiddle 中的结果窗口:http://jsfiddle.net/Lijo/ryDnn/1/embedded/result/
另外，如果你能解释一下它背后的CSS理论就太好了。
注意:即使在浏览器最小化时也会观察到这种错位。
注意:测试时我的桌面配置为 1024 x 768。
即使在移除 leftNavContainer 和主容器的边距之后，问题仍然存在。请看http://jsfiddle.net/Lijo/ryDnn/10/
最佳答案
为了允许舍入误差，取一个百分比。左边的 15% 和 84% 应该有效。
但是，问题是您也在添加边距，这显然效果不佳。
考虑先让两个 div 使用 15% 和 84%(或者 85% 如果可行)，然后使用它们两个 div 作为包装器，您可以在其中放置一个 div，并为其提供正确的边距。这样，您的边距就不会干扰 width 的计算。
换句话说，边距不是 div 宽度的一部分。
如有疑问，请广泛使用页面/Web 检查器来了解装箱模型...
关于javascript - CSS:缩放更改时两列 Div 布局未对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10141148/