页面导航：首页 → 网络编程 → CSS/HTML → 经验交流 → 正文内容 css 层位置固定

css层固定位置练习

发布：dxy 字体：[增加减小] 类型：转载

不错，可以方便提示用户等信息

点击运行可以看到效果:

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>层固定位置练习--by 阿会楠</title> 
<style type="text/css"> 
html,body{ 
    overflow:hidden; 
    padding:0; 
    margin:0; 
    width:100%; 
    height:100%; 
} 
#_body{ 
    height:100%; 
    overflow-y:scroll; 
    width:100%; 
    height:100%; 
} 
#adDiv{ 
    position:absolute; 
    z-index:99999; 
    bottom:10px; 
    left:10px; 
    width:200px; 
    height:30px; 
    border:1px solid #8A9ABB; 
    background:#F0F4F7; 
    font:12px tahoma; 
    text-align:center; 
    line-height:30px; 
} 
</style> 
</head>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：层固定位置

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：css创意ul+li实现的细线表格实现代码
下一篇文章：IE下href 的 BUG问题

·在百度中搜索关于“css层固定位置练习相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

css层固定位置练习

文章评论

同类文章

最近更新

热点排行

css层固定位置练习

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行