如何将div完美地对齐液体布局？

Question

最简单的形式，问题如下。我有两个div（Ldiv和Rdiv）填满我的屏幕。宽度分别为60％和40％，并且高度根据内容量而变化。 Ldiv漂浮在左边，Rdiv漂浮在右边。问题在于，当我缩小窗口并将Rdiv推向Ldiv时，我似乎失去了Rdiv的右边距，除非我将其宽度设为35-39％而不是40％。我已经尝试将它们包装在一个封闭的div容器中但是这没有用得更好。

这可以通过使其中一个div（比方说，Ldiv）固定宽度来固定（在这种情况下，布局不是完全液体，但这并不重要）？我在这里看了很多帖子，说这是要走的路，但我不明白为什么要这样做。许多人说只有2个div它们应该都浮动，但是有没有浮动的替代方案吗？

由于

Answer 1

如果没有看到你的代码就无法给出真正的答案，但我猜你的div和/或你的身体元素仍然有边距和填充。因此，40/60％不会加起来达到100％。您可以使用

“删除”此内容

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