Css 分区'；s高度与剩余高度相同

我有两个div

 <div id="uno">
    text      
 </div>
 <div id="due">
    text
 </div>

div#uno{
  width:300px; 
  height: 100px;
  border: 1px solid blue;
  overflow:hidden;
}

div#due{
   width:300px; 
   height: 200px; 
   border: 1px solid yellow;
    overflow:scroll;
}

正文
文本
乌诺分区{
宽度：300px；
高度：100px；
边框：1px纯蓝色；
溢出：隐藏；
}
股息到期{
宽度：300px；
高度：200px；
边框：1px纯黄色；
溢出：滚动；
}

---

如何使div id=“due”的高度等于页面的剩余高度？

请确保指定了HTML 4.01或XHTML 1.x或更高版本的doctype：

div#uno{
 position:absolute;
 width:300px;
 height:100px;
 top:0px;
 border:1px solid blue;
 overflow:hidden;
}

div#due{
 position:absolute;
 width:300px;
 top:100px;
 bottom:0px;
 border:1px solid yellow;
 overflow:scroll;
}

---

该死先告诉我，我刚才输入的是相同的解决方案你是说严格的doctype，因为过渡的HTML doctype会触发怪癖模式。看见此外，此解决方案在IE<7中不起作用。同意，它在IE6中不起作用。埃里克，如果你需要支持IE6，我可以给你一个额外的规则，它将为浏览器修复它。这是非标准的，但这就是为什么我会离开它，除非你需要它。我建议您将IE6抛在脑后，而不要为其包含非标准代码。