<!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>
<style type="text/css" >
*{padding:0;margin:0;}
html,body{_height:100%;_overflow:hidden;}
#header{top:0;}
#footer{bottom:0;}
#header,#footer
{
position:fixed;
_position:absolute;
z-index:1000;
width:100%;
background:#eee;
left:0px;
}
#content
{
background:#ccc;
_height:100%;
_overflow:auto;
position:relative;
padding:20px;
}
#Layer1
{
position:absolute;
left:319px;
top:57px;
width:500px;
height:88px;
z-index:1;
border:#FF0000 solid 2px;
}
</style>
</head>
<body>
<div id="header">header，我就是不下去～！</div>
<div id="content">
<script language="javascript">for(i=0;i<100;i++){document.write(i+"<br />");} </script>
<div style="position:absolute; top:50px;left:5px;text-align:right;border:1px solid #aaa;">
123<br />
123<br />
123<br />
123<br />
123<br />
123<br />
在ie6下，这里也可以表现出absolute的效果
</div>
</div>
<div id="Layer1">我也不上去，我也不下去，我就不动我的地方。</div>
<div id="footer">footer，我就是不上去～！</div>
</body>
</html>
1281
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
