网站底部不会随滚动条移动的弹出层
点击 2881 创建时间 2012-10-22 18:34:19
<!DOCTYPE html>
<html>
<body>
<div style="height:1500px;background:red">这是普通div</div>
<div style="bottom: 0px; right: 3px; width: 400px; height: 250px; position: fixed;border:2px solid #AAA;padding:3px;background-color:white;" >
这是浮动层
</div>
</body>
</html>
一定要加上<!DOCTYPE html>
否则IE认不了。主要用到的是position:fixed;
还有就是bottom:0px;
、right:0px;
这几个css属性。
改了一下,可以做一个model dialog(模式对话框)
<html>
<body>
<div style="height:1500px;background:red">这是普通div</div>
<div style="left:0px;top:0px; width: 1024px; height: 768px; position: fixed;border: padding:3px;background-color:#AAA;" > 这是浮动层背景
<div style="left:65px;top:120px; width: 200px; height: 150px; position: fixed;border:2px solid #AAF;padding:3px;background-color:white;" >wudimei.com<br />你好
</div>
</div>
</body>
</html>
上一篇: mysql驱动获得存储过程返回的结果
下一篇: php安装权限