含有frame项目修改遇到的问题

需求：

导航栏加上下拉框。

问题：

一个页面中放置了两个frame，头部导航栏占了row的72位。当放上一个下拉列表的时候会出现看似被下面的frame遮盖了一样的效果，，其实不是，那是内容超过了页面高度，所以就出现了右侧的滚动栏。

含有frame项目修改遇到的问题

因为第一个frame的高度已经固定，随便把头部frame的高度调大就很直观，红线是截图的时候画的，这就是两个frame的边界。所以并不是被遮挡的问题，而是内容超过宽度被隐藏，或者出现滚动栏

含有frame项目修改遇到的问题

解决方案：

一、使frame高度固定，内容超出的部分在边框外显示：没有搞定，做了好久没有解决如何让页面内的元素在大小填充满页面后多余的部分在边框外显示，不知以后是否能解决，frame已经被废弃了。

二、让top导航栏占满整个页面，main frame与导航栏里的div元素同一层次；由于要放到body中，需要将第二个frame改为iframe，然后放到top.html中去，放到尾部。

<frame src="main.do" name="mainFrame" id="mainFrame" />
改为
<iframe width="100%" height="100%" src="main.do" frameborder="0" name="mainFrame" id="mainFrame" />

结果

index.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>XXXXX</title>
<style type="text/css">
html{height:100%; overflow:hidden;}
body{height:100%;}

</style>
</head>

<frameset frameborder="0" border="0" framespacing="0" >
	<frame src="top.do" name="topFrame" noresize="noresize" id="leftFrame" />
</frameset>

</html>

top.html

<html>
<!--页头End-->
	
	<iframe width="100%" height="100%" src="main.do" frameborder="0" name="mainFrame" id="mainFrame" />
</body>
</html>

现在已经算是解决下拉框的问题了。要修改一下样式 overflow：hidden，给body，HTML设置宽高100%。

结果：下拉框虽然未改样式，关键的是你要解决什么问题

含有frame项目修改遇到的问题