html - 2列，左一适应内容，右一占据所有剩余空间

Question

列应：

• 全高
• 如果需要有垂直滚动条但没有水平滚动条

这是我到目前为止得到的（连同页脚和页眉）

http://jsfiddle.net/HZMCX/11/

我的代码的问题是右面板文本从中间屏幕开始，而不是在左面板旁边。

 [Ignore this, this is so stackoverflow allows me to post the link to jsFiddle ]

有想法该怎么解决这个吗？谢谢！

Answer 1

您的代码可以比您目前拥有的更简单地应用：

考虑简单地浮动侧栏和主要内容并在两者上设置流体宽度。 http://jsfiddle.net/MygUu/

将整体布局包装在 .container 类中，并将溢出设置为隐藏。

.container {
  overflow: hidden;
}

此外，最好不要使用 ID 选择器设置样式。希望有帮助。