如何把DIV固定在浏览器中的某个位置，

来源：百度知道 编辑：UC知道 时间：2024/05/16 13:12:04
用DIV定位时， 希望看到的效果是不随着滚动条变化而改变位置，
请问，不用javascript 能做到这个效果么？
如果可以，请留下代码，如果不行，请留下思路 谢谢咯 ：）

你要的是固定定位效果吧,不用javascript就可以做到;下面这个例子效果是水平垂直居中页面,并且不随着滚动条变化而改变位置; position:fixed固定定位但IE6不兼容所以用了个hack;你看看下面的例子就明白了;

<!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">
body{ margin:0; padding:0}
.fixed{position:fixed;bottom:0; width:300px; height:300px; left:50%;top:50%; background:#FF0000; margin-left:-150px/*为.fixed宽的一半*/; margin-top:-150px/*为.fixed高的一半*/; background:#006633}
</style>
<!--以下是为了兼容IE6的hack-->
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{heigh