以其最简单的形式,问题如下。屏幕上有两个div(Ldiv和Rdiv)。宽度分别为60%和40%,高度根据含量的不同而变化。 Ldiv向左浮动,Rdiv向右浮动。问题是,当我缩小窗口并将Rdiv推向Ldiv时,除非将其宽度设置为35-39%而不是40%,否则我似乎失去了Rdiv的右边距。我尝试将它们都包装在一个封闭的div容器中,但是效果没有更好。

可以通过将div之一(例如Ldiv)设置为固定宽度(在这种情况下布局不是完全是液体,但这没太大关系)来解决此问题吗?我在这里读过很多文章,说这是要走的路,但我不知道为什么要这么做。许多其他人说,只有2个div时,它们都应该浮动,但是还有非浮动替代方法吗?

谢谢

最佳答案

没有看到您的代码就不可能给出真正的答案,但是我想您的div和/或body元素中仍然有边距和填充。因此,结果40/60%的总和不等于100%。您可以使用

body, #Ldiv, #Rdiv {
  padding:0;
  margin:0;
}

08-17 15:07