CSS固定宽度右，流体左，右div是html中的第一个。我怎样才能不让左边的人崩溃

我有一个流体宽度左div和一个固定宽度右div。 我花了一段时间才弄明白如何使这项工作正常进行，因为我正在对jrox站点进行主题化，jrox不允许我更改列的生成顺序。 HTML：

<div id="jroxHeader" class="jroxHeader"> </div>
<div id="jroxContent">
    <div id="jroxRightColumn" class="jroxRightColumn"> Places to go:
      <ul>
        <li>First Menu</li>
        <li>Second Menu</li>
        <li>Third Menu</li>
      </ul>
    </div>
    <div id="jroxMainContent" class="jroxSingleColumn">  
        Very little content.
    </div>
</div>

正如你所看到的，这个看起来很棒。它几乎可以完美地工作。直到我看到一个页面，jroxSingleColumn中的内容非常少，我才注意到并发布了这个页面，就像中一样。我需要jroxSingleColumn来填充div的剩余部分，并且我需要它能够跨浏览器兼容。我可以更改一些HTML，但正确的列总是首先在HTML中

我几乎可以肯定这不是重复的。我读过很多类似的问题，但没有一个是相同的

---

谢谢。

从

jroxSingleColumn

类中删除

浮动：left

，即

将css更改为：

.jroxSingleColumn{
  margin-right: 160px;
  padding:0 10px;
  background-color:#B6B6B4;
}

看到这个了吗

---

尽管我想建议，但有很多更干净的方法可以实现你的最终结果。

我在这个问题上犯了一个错误。你的回答对这个问题绝对正确。真正的问题应该是使用小提琴，但在创建小提琴时，我重写了页面的较短版本，并以错误的顺序重写了它。我该如何在没有任何反对票的情况下得到答案？我应该：正确地重新问这个问题吗？编辑这个问题？放弃S/O，自己解决它？哈哈，不是问题，朋友，你可以反问你的疑问。为了得到更好的回答，你们可以把它放到一个新的问题中，唯一的规则是，你们应该付出你们的努力：）。现在，请看，因为您无法更改标记，所以没有什么可以做的，我建议您使用简单的jQuery代码，它可以处理左侧div的大小调整。请看下面的内容。为什么要写剧本？您的标记不是很流畅，因此我们几乎没有其他选择：）我确实喜欢jQuery修复，但我已经用正确的措辞重新发布了这个问题，我认为我找到了一个好的解决方案。谢谢

.jroxSingleColumn{
  margin-right: 160px;
  padding:0 10px;
  background-color:#B6B6B4;
}