使用frameset进行页面布局,但由于mian.html展示内容过多,在缩小浏览器时无法展示全部内容
且页面没有滚动条。页面代码如下
<frameset rows="88,*,20" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="top.jsp" name="topFrame" scrolling="NO" >
<frameset rows="*" cols="222,*" framespacing="0" frameborder="NO" border="0" id="indexFrame">
<frame src="left.jsp" name="leftFrame" scrolling="auto" >
<frameset rows="60,*" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="mtop.jsp" name="mtopFrame" scrolling="NO" >
<frame src="main.html?method=initFind" name="mainFrame" scrolling="auto" >
</frameset>
</frameset>
<frame src="bottom.jsp" name="bottomFrame" scrolling="NO" >
</frameset>
在frameset 中设置scrolling="auto"无效!
解决方法:
新建一个页面,添加一个<iframe></iframe>
,并将其指向frameset页面。代码如下:
<iframe src="index.jsp" style="width:100%;height:100%;min-width:1500px;border-width: 0px; " scrolling="auto">
</iframe>
滚动条设置:
scrolling : auto -----在需要的时候滚动条出现
scrolling : yes ------始终显示滚动条
scrolling : no -------始终隐藏滚动条(body{overflow:hidden})
当设置 scrolling : no 时,全部的滚动条就没有了。
消除右滚动条:overflow-y:hidden;(body添加样式)
消除底部滚动条:overflow-x:hidden;