<style>
.a{max-height:200px}/*不兼容IE6*/
/*.a{heihgt:200pxoverflow:hidden} 建议设定一个固定高度，多余的隐藏*/
</style>
<textarea class="a"><textarea>
1.新建网页文件。
2.在head里插入<style type="text/css">#area { width:300pxheight:20px}</style>，表示设置输入文本框宽度为300像素，高度为20像素。
3.在body里插入<input type="text" id="area" />，表示定义一个输入文本框，启用area样式。
4.在IE里测试，查看效果。
OK,搞定，用了一段JS；看能否达到你要求。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style type="text/css">
*{margin:0padding:0border:0}
body{background-color: #666margin: 0pxtext-align:center}
.clear{clear:bothheight:0overflow:hiddenbackground:#0F0height:20px}
.toop{clear:bothheight:0overflow:hiddenbackground:#0F0height:20px}
.webrim{float:leftwidth:10pxbackground:#FF0000overflow:hiddenmargin:0padding:0}
.divstyle{width:940pxbackground:#aaaa00height:1200pxmargin:0px 8px 0px 8px}
</style>
<script type="text/javascript">
window.onload=function(){
document.getElementById('webrim').style.height=document.getElementById('divstyle').clientHeight
document.getElementById('webrim1').style.height=document.getElementById('divstyle').clientHeight
}
</script>
</head>
<body>
<div style="width:980pxheight:100%margin: autobackground-color:#000">
<div class="toop"></div>
<div class="webrim" id="webrim"></div>
<div style="float:leftwidth:960pxbackground:#000">
<div class="divstyle" id="divstyle">中间内容<br /></div>
</div>
<div class="webrim" id="webrim1"></div>
<div class="clear"></div>
</div>
</body>
</html>
