固定div，css固定

来源：互联网发布：java注解@auti 编辑：程序博客网时间：2024/04/29 15:02
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><title>纯CSS兼容IE6的固定底部的广告层 - 懒人建站</title><meta name="keywords" content="网页特效,网页模板,导航菜单,焦点幻灯片,JS代码" /><meta name="description" content="懒人建站为您提供-HTML+CSS模板，JS广告代码，网页特效，导航菜单，焦点幻灯片代码，原创视频教程与网页模板和CSS技巧。" /><META http-equiv=content-type content="text/html; charset=utf-8"><style>body{ padding:0px; margin:0px;background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; /*必须*/}#bottom_ad {WIDTH: 100%; HEIGHT: 100px;display:block;overflow:hidden;margin:0 auto;BORDER: #b5b5b5 1px solid; BACKGROUND: #ccc; FLOAT: right; RIGHT: 0px; BOTTOM: 0px;POSITION:fixed;/*固定定位*/_position:absolute; /* for IE6 */_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */}/*固定底部的效果是上面的样式在起作用，下面的样式均属于装饰，你可以随意修改。*/</style></head><body><div id="bottom_ad">   这里是你的底部广告内容，纯CSS兼容IE6的固定在底部</div>111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------10<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------20<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------30<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------40<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------50<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------60<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------70<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------80<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------90<br />111111111111111111<br />222222222222222222<br />333333333333333333<br />444444444444444444<br />555555555555555555<br />666666666666666666<br />777777777777777777<br />888888888888888888<br />999999999999999999<br />000000000000000000----------------------100<br /></body></html>
0 0