利用frame，将页面分为左右两部分，左边是导航，右边是显示页面，这是管理系统的常见布局。
效果如下
左边是导航，右边是页面，点击左边按钮，左边页面不变，右边页面在跳转。类似这样。
html代码如下。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>型月世界</title>
<style type="text/css" media="screen">
#contains{
width: 1200px;
}
</style>
</head>
<div id="contains">
<frameset rows="*" cols="220,*" framespacing="20" frameborder="no" border="20" min-width="600px">
<frame src="left.asp" name="left" id="left" noresize scrolling="NO" >
<frame src="login.asp" name="right" id="right" scrolling="AUTO"/>
</frameset>
</div>
<noframes><body>
</body></noframes>
</html>
框架麻烦的地方在于，当页面拉伸是，左右两个页面会分别拉伸。影响美观。所以需要一些设置，使左右两个页面实现”无缝“
frameborder，左右页面的边框，设置为no就没有边框了。
framespacing使页面之间的间距。就是左右页面会有一段空白隔开。会美观一点。但是好像chrome没作用。ie支持的。另一个方法可以直接在左边页面设置右边距。可以使用marginwidth。也可以在页面里设置。
noresize 设置左页面在页面拉伸过程中，不会改变大小，
scrolling=“NO” 设置拉伸时不会出现滚轮。
cols=“220,*”，左边的页面大小固定为200px，右边自适应。右边不要设置大小，否则拉伸时，会挤压左边页面。因为如果设置了。左右页面占比是按浏览器页面大小按比例分配的。
最后效果如下
可以看见压缩页面时，左边页面不会被压缩。
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
