网站底部不会随滚动条移动的弹出层杨庆荣的博客

网站底部不会随滚动条移动的弹出层

点击 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安装权限