HTML中Frameset的几个小问题 _HTML/CSS

HTML中Frameset的几个问题
我想把几个html的几个小模块，通过Frameset把他们弄到一个页面上去，但是发现一个问题，就是由于中间的高度过高，整合后，中间的部分只显示了一部分。我考虑怎么去让中间的全部显示，在整个框架上加滚动条，但是还是显示不出。有人说用Frameset不仅麻烦而且落后，我刚学自己动手中，希望各位大大教教我。有关代码如下：
整合后框架：

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>首页</title>
<style>
.vf{
    overflow:auto;
}
</style>

</head>

<frameset class="vf" rows="21%,64%,20%" frameborder="no" >
    <frame src="top.html" name="top" frameborder="no" />
    <frame src="center.html" name="center" scrolling="yes" />
    <frame src="bottom.html" name="bottom" frameborder="no" />
</frameset>

<noframes>
<body>
<p>你的浏览器不支持框架结构</p>
</body>
</noframes>>
</html>

center.html

HTML code


<frameset cols="1000px,1530px,1100px">
         <frame src="left.html" name="left" frameborder="no" scrolling="no" />
         <frame src="middle.html" name="middle" frameborder="no" scrolling="no" />
         <frame src="right.html" name="right" frameborder="no" scrolling="no" />
</frameset>

------解决方案--------------------
用iframe吧