简单的两列布局，固定侧边栏和流体内容

Question

我看过很多教程，它们创建了一个双列布局，左侧是固定侧边栏，右侧是流畅内容。它们还具有全高度侧边栏，即侧边栏下降到主内容窗口的高度。像这个网站的东西：

http://robertgreiner.com/

但是，其中很多似乎都是为了与IE6一起使用而设计的。这是一个这样的例子：

http://www.dynamicdrive.com/style/layouts/item/css-left-frame-layout/

如果我想放弃对IE6的支持，是否有一种实现它的无黑客方式。例如，如果我的目标是IE8 +，我可以用更简单，更清洁的方式实现这个目标吗？

Answer 1

这是我认为你想要的：

<强> HTML

<div id="sidebar">
    Some content
</div>
<div id="content">
    Main content
</div>

<强> CSS

#sidebar {
    width:20%;
    height:500px;
    border:1px solid #000;
    position:fixed;
}
#content {
    margin-left:22%;
    border:1px solid #000;
    height:1500px;
}

这是 FIDDLE