html - 如何使2个div float ，左div具有固定的右边距？

我实际上不知道该如何命名。但是我会解释我需要做什么。

HTML很简单，如下所示：

<div id="left_div"></div>
<div id="right_div"></div>

我需要left_div在左边，具有100％的宽度，但右边距固定为320px。 right_div的宽度固定为300px，并且必须在left_div旁边。

我知道我可以很容易地做到这一点：

<div id="right_div" style="float:right;width:300px"></div>
<div id="left_div" style="margin-right:320px;"></div>

但是问题是我需要HTML像我之前提到的那样。 DIVs的顺序很重要。如果有人想知道为什么，那是因为我在需要响应的网站上工作，当视口太窄时，right_div会低于left_div。而且我无法使用上面提供的简单解决方案。

我希望我的问题有道理，对于任何答案或有用的提示我都表示感谢。

哦，我忘了提我需要它是纯HTML + CSS，而不是JS。而且我不需要支持IE7及以下版本。

更新：
left_div必须为width：auto，并且右边距必须为固定值（例如300px）。

最佳答案

如果要使布局响应，则应使用Columnal，1140等CSS框架，或在this list中使用更多框架。

这些框架中的大多数都支持grid system，这是构造布局的最佳方法，您不必再担心浮点数和像素了。

关于html - 如何使2个div float ，左div具有固定的右边距？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15600828/