html - 如何为液体布局完美对齐 div？

Question

以最简单的形式，问题如下。我有两个 div（Ldiv 和 Rdiv）填满了我的屏幕。宽度分别为 60% 和 40%，高度根据内容的多少而有所不同。Ldiv 向左浮动，Rdiv 向右浮动。问题是，当我缩小窗口并将 Rdiv 推向 Ldiv 时，我似乎失去了 Rdiv 的右边距，除非我将其宽度设为 35-39% 而不是 40%。我尝试将两者都包装在一个封闭的 div 容器中，但这并没有更好的效果。

可以通过使其中一个 div（例如，Ldiv）具有固定宽度来解决此问题（在这种情况下，布局并不完全是流动的，但这并不重要）？我在这里读过很多帖子说这是要走的路，但我不明白为什么应该这样做。许多其他人说只有 2 个 div 他们都应该浮动，但有没有非浮动的替代方案？

谢谢

Answer 1

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

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