如何让div始终处于页面中间并且随滚动条变化

如题所述

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>额 中间的定位?</title>
<style type="text/css">
<!--
*html{ overflow:hidden;}
*body{ height:100%; overflow:auto; margin:0;}
#fd{ position:fixed; *position:absolute; width:100px; height:100px; top:50%; left:50%; margin:-50px 0 0 -50px;}
</style>
</head>

<body>
22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />22<br />
<div id="fd">是指这个意思吧</div>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-04-18
将div设置style设置为:position:fixed; ie6中有问题用绝对定位解决
第2个回答  2011-04-18
也可以用css
第3个回答  2011-04-18
一般用 js
最好把你要说的表达清楚点
相似回答