需要与侧导航高度匹配的流体元素

Question

我有一个布局我需要一些帮助。我想要做的是提出一种布局，其中主要内容是基于窗口大小的流畅的100％宽度，然而，固定的左导航匹配主要内容的高度。我已经包含了一张图片。让它变得静态显然很容易。我的问题是，如果我想让它变得流畅，我如何实现我想要的东西。

Answer 1

<div class="container">
  <div class="left">
    <p>0</p>
  </div>
  <div class="right">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
  </div>
 </div>

和CSS

.container {
  position: relative;
}

.left {
  position: absolute;
  left:0;
  top: 0;
  bottom:0;
  width: 20%;
  background-color: pink;
}

.right {
  margin-left: 20%;
  background-color: blue;
}

小提琴：http://jsfiddle.net/68cS7/