本文介绍了一种使用HTML和CSS实现类似框架页效果的方法，通过绝对定位的div元素，左侧菜单栏固定显示，主体内容区可滚动，同时确保页面地址可被复制。
由于做论坛时要给用户能复制地址，但框架页上地址是不变的，所以不能用框架页，但又要保持左边菜单不能随整页一起滚动。只能用模板页，但又要做出框架页的效果。
<html>
<head>
<style type="text/css">...
html,body{...}{
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
#Main{...}{
position:absolute;
padding-left:210px;
margin:0px 0px 0px 0px;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:auto;
z-index:1;
border:solid #000000 1px;
}
#MenuBar{...}{
position:absolute;
margin:0px 0px 0px 0px;
width:200px;
height:100%;
background:#ccc;
z-index:2;
overflow-x:hidden;
overflow-y:auto;
}
</style>
</head>
<body scroll="no">
<div id="MenuBar"></div>
<div id="Main"></div>
</body>
</html>
<html><head><style type="text/css">...html,body{...}{width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}#Main{...}{position:absolute;padding-left:210px;margin:0px 0px 0px 0px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;z-index:1;border:solid #000000 1px;}#MenuBar{...}{position:absolute;margin:0px 0px 0px 0px;width:200px;height:100%;background:#ccc;z-index:2;overflow-x:hidden;overflow-y:auto;}</style></head><body scroll="no"><div id="MenuBar"></div><div id="Main"></div></body></html> 
扫一扫
3190
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
