网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.css 背景图片的定位问题.
.工作中常用的高效的CSS代码.
.CSS+DIV设计实例:超酷的竖排导航.
.图片防盗链代码.
.详细介绍CSS的三种selector.
.CSS语法手册(五)颜色和背景属性 .
.实践DIV+CSS网页布局入门指南.
.Mozilla Firefox 建议的CSS书写顺.
.全面了解CSS内置颜色(color)值.
.网页中用CSS样式表隐藏文字.
.css应用:单击table,使点击的行.
.Js和CSS实现脚注(Footnote)效果.
.web标准化设计:常用的CSS命名规.
.Css Reset(復位)整理.
.CSS的渲染效率-书写高效的CSS.
.CSS语法手册(六)分类属性 .
.技巧总结:div中class与id的区别.
.网页标准化制作:CSS的超级技巧大.
.CSS层叠样式的主次顺序.
.CSS公用属性.

css层固定位置练习

发表日期:2008-10-6


<!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>

<body>
<div id="adDiv">www.dibrg.com</div>
<div id="_body">
</div>
</body>
</html>

上一篇:CSS实现未知高度图文混合垂直居中 人气:685
下一篇:外部引用CSS中 link与@import的区别 人气:740
浏览全部css的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐