CSS：缩放更改时两列Div布局未对齐
我有两列布局。它是基于％的布局-但定义了最小宽度。当我将（浏览器IE8）的缩放比例设为75％或更低时，效果很好。当我将缩放比例设为85％时，橙色框会下降。我们如何克服这种错位？无论缩放/浏览器最小化/桌面分辨率如何，橙色框都应保持在正确的位置（如图所示）。它不应该下降。
另外，如果您能解释其背后的CSS理论，那将是很好的。
注意：即使将浏览器最小化，也会观察到这种未对准情况。
注意：测试此桌面时，我的桌面配置为1024 x 768。
问题答案：
为了允许舍入误差，取一个百分点。15%为左，84%应该工作。
但是，问题在于您也在添加边距，这显然不能很好地工作。
考虑先获取两个div来使用15%和84%（或85%如果可行），然后使用这两个div作为包装器，在其中放置一个给出正确边距的div。这样，您的利润不会干扰width计算。
换句话说，边距不是div宽度的一部分。
如有疑问，请广泛使用Page / Web检查器以了解装箱模型…
-
主要内容：column-count,column-fill,column-gap,column-rule,column-span,column-width,columns当需要在页面中展示大量文本时，如果每段的文本都很长，阅读起来就会非常麻烦，有可能读错行或读串行。为了提高阅读的舒适性，CSS3 中引入了多列布局模块，用于以简单有效的方式创建多列布局。所谓多列布局指的就是您可以将文本内容分成多块，然后让这些块并列显示，类似于报纸、杂志那样的排版形式，如下图所示： 图：多列布局演示 CSS3 中提
-
我错过了什么？ 为了便于阅读，这里提供了一个要点，并附带了一个测试用例:https://Gist.github.com/teyc/5668517
-
问题内容： 鉴于HTML 呈现为 我的问题： 有没有一种方法可以通过仅使用CSS来呈现它，而无需更改HTML部分。 问题答案： 它可能不完全符合您的要求，但请看一下这个问题： CSS将div定位在另一个div的上方，而在HTML中却没有按照该顺序排列 基本上，您必须使用Javascript才能以任何方式使其可靠。
-
我想改变两个div的位置时悬停在一个div。在下面的代码中，当我悬停在.img div上时，我想移动顶部的.title div（位置例如top:50px)，并在其下方显示最初设置为隐藏的.info div。 我正在尝试跟随代码，但似乎不工作的悬停。我将感谢任何帮助。 HTML： CSS： 演示。http://jsfidle.net/upwv3/
-
问题内容： 我有以下HTML布局： 是否有机会仅在 不 使用CSS 更改HTML的情况下 在下面的示例网格上排列列？ 问题答案： 这样的事情应该做到： 编辑 要使用大量列来执行此操作，您可以构建一个非常简单的网格系统。例如，这样的事情应该适用于五列布局： 或者，如果您很幸运能够仅支持现代浏览器：
-
我有一个按钮，应该在最右边的角落，所以我使用了CSS，在100%缩放，它工作良好，但当我给出75%缩小，它显示的按钮在中间，我试着给出//，但没有工作。 有人能帮帮我吗。 null null 放大和缩小时的图像 100%放大 67%放大