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