Html CSS分区高度问题

这是我的html代码

<div id="container">
  <div id="nav">
  </div>

  <div id="main">
  </div>
</div

除了css3显示：表格或各种背景黑客之外，没有直接的方法可以做到这一点
谷歌搜索“css 2列布局”

编辑
也可以使用以下样式

#container {
    position:relative;
    overflow:hidden;
}
#nav{
    position:absolute;
    top:0;
    bottom:0;
//  left right depending on your design
}
#容器{
位置：相对位置；
溢出：隐藏；
}
#导航{
位置：绝对位置；
排名：0；
底部：0；
//左右，取决于您的设计
}
顺便说一句，没有“直接”的方式，通过javascript DOM操作，您可以通过JS获得主要的越位

var main = document.getElementById('main');
var mainH = main.offsetHeight;

并将其设置为导航元素

var nav = document.getElementById('nav');
nav.style.height = mainH+"px";

除了列表上的内容
到目前为止，您在CSS方面取得了哪些进展？