一尘不染

CSS:缩放更改时两列Div布局未对齐

css

我有两列布局。它是基于%的布局-但定义了最小宽度。当我将(浏览器IE8)的缩放比例设为75%或更低时,效果很好。当我将缩放比例设为85%时,橙色框会下降。我们如何克服这种错位?无论缩放/浏览器最小化/桌面分辨率如何,橙色框都应保持在正确的位置(如图所示)。它不应该下降。

另外,如果您能解释其背后的CSS理论,那将是很好的。

注意:即使将浏览器最小化,也会观察到这种未对准情况。

注意:测试此桌面时,我的桌面配置为1024 x 768。


阅读 338

收藏
2020-05-16

共1个答案

一尘不染

为了允许舍入误差,取一个百分点。15%为左,84%应该工作。

但是,问题在于您也在添加边距,这显然不能很好地工作。

考虑先获取两个div来使用15%和84%(或85%如果可行),然后使用这两个div作为包装器,在其中放置一个给出正确边距的div。这样,您的利润不会干扰width计算。

换句话说,边距不是div宽度的一部分。

如有疑问,请广泛使用Page / Web检查器以了解装箱模型…

2020-05-16