首页 CSS属性之CSS定位

CSS属性之CSS定位

举报
开通vip

CSS属性之CSS定位 本电子书由站长百科(www.zzbaike.com)教程组制作 CSS属性之 CSS定位  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS定位   本电子书整理自站长百科CSS定位词条,查看内容请访问网站。  目录 CSS属性之CSS定位 ..................................................................................1 目录....................

CSS属性之CSS定位
本电子书由站长百科(www.zzbaike.com) 教程 人力资源管理pdf成真迷上我教程下载西门子数控教程protel99se入门教程fi6130z安装使用教程 组制作 CSS属性之 CSS定位  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS定位   本电子书整理自站长百科CSS定位词条,查看内容请访问网站。  目录 CSS属性之CSS定位 ..................................................................................1 目录.............................................................................................................1 position.....................................................................................................2 z-index.......................................................................................................3 top...............................................................................................................4 right...........................................................................................................4 bottom.........................................................................................................5 left.............................................................................................................6 更多电子书.................................................................................................6 IXWebHosting首家支持支付宝付款的美国主机商 赠送 15 个独立IP及 3 个免费域名 免备案中文网站 (http://cn.ixwebhosting.com) 购 买 方 便 中 文 客 服 全 程 服 务 更 多 优 惠 码 : http://www.ixwebhosting.bz/ixwebhosting-coupon/ 购买更超值  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  推荐内容:WordPress免费主题| WordPress免费插件 position 语法:position : static | absolute | fixed | relative 取值: static : 默认值。无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在 这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义 fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范 relative : 对象不可层叠,但将依据 left , right , top , bottom 等 属性在正常文档流中偏移位置 说明: 检索对象的定位方式。 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它 周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位 置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁 ( margin ),但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个,并且设置此属性值为 absolute 。否则上述属性会使用他们 的默认值 auto ,这将导致对象遵从正常的 HTML 布局规则,在前一个对象之后 立即被呈递。 设置此属性值为 relative 会保持对象在正常的 HTML 流中,但是它的位置可以 根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占 有他们自己的空间 而不会覆盖被定位对象的自然空间。与此不同的,在绝对 (absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会 占有它的自然空 间。放置绝对(absolute)定位对象在可视区域之外会导致滚动 本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  条出现。而放置相对(relative)定位对象在可视区域之外,滚动条不会出现。 内容的尺寸会根据布局确定对象的尺寸。例如,设置一个 div 对象的 height 和 position 属性,则 div 对象的内容将决定它的宽度( width )。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 position 。 示例:div { position:relative; top:-3px } z-index 语法:z-index : auto | number 取值: auto : 默认值。遵从其父对象的定位 number : 无单位的整数值。可为负数 说明: 检索或设置对象的层叠顺序。 较大 number 值的对象会覆盖在较小 number 值的对象之上。如两个绝对定位对 象的此属性具有同样的 number 值,那么将依据它们在 HTML 文档中声明的顺序 层叠。对于未指定此属性的绝对定位对象,此属性的 number 值为正数的对象会 在其之上,而 number 值为负数的对象在其之下。设置参数为 null 可以移除此 属性。 此属性仅仅作用于 position 属性值为 relative 或 absolute 的对象。 这个属性不会作用于窗口控件,如 select 对象。 在 IE5.5+中, iframe 对象开始支持此属性。而在之前的浏览器版本中, iframe 对象是窗口控件,会忽略此属性。此属性对于 currentStyle 对象而言是只读的。 对于其他对象而言是可读写的。 对应的脚本特性为 zIndex 。 示例:div { position:absolute; z-index:3; width:6px; } 本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  top 语法:top : auto | length 取值: auto : 默认值。无特殊定位,根据 HTML 定位规则在文档流中分配 length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。 说明: 检索或设置对象与其最近一个具有定位设置的父对象顶边相关的位置。 此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会 被忽略。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 top 。其值为一字符串,所以不可用于脚本(Scripts)中的计 算。请使用 style 对象的 posTop , pixelTop 等运行时特性,以及对象的 offsetTop 等特性。 示例: div { position: absolute; top: 1in; } div { position:relative; top:-3px; left:6px; } right 语法:right : auto | length 取值: auto : 默认值。无特殊定位,根据 HTML 定位规则在文档流中分配 length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。 本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  说明: 检索或设置对象与其最近一个具有定位设置的父对象右边相关的位置。 此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会 被忽略。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 right 。其值为一字符串,所以不可用于脚本(Scripts)中的 计算。请使用 style 对象的 posRight , pixelRight 等运行时特性。 示例: div { position: absolute; right: 1in; } div { position:relative; top:-3px; right:6px; } bottom 语法:bottom : auto | length 取值: auto : 默认值。无特殊定位,根据 HTML 定位规则在文档流中分配 length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。 说明: 检索或设置对象与其最近一个具有定位设置的父对象底边相关的位置。 此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会 被忽略。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 bottom 。其值为一字符串,所以不可用于脚本(Scripts)中 的计算。请使用 style 对象的 posBottom , pixelBottom 等运行时特性。 示例: div { position: absolute; bottom: 1in; } div { position:relative; bottom:6px; } 本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  left 语法:left : auto | length 取值: auto : 默认值。无特殊定位,根据 HTML 定位规则在文档流中分配 length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。 说明: 检索或设置对象与其最近一个具有定位设置的父对象左边相关的位置。 此属性仅仅在对象的定位( position )属性被设置时可用。否则,此属性设置会 被忽略。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 left 。其值为一字符串,所以不可用于脚本(Scripts)中的 计算。请使用 style 对象的 posLeft , pixelLeft 等运行时特性,以及对象 的 offsetLeft 等特性。 示例: div { position: absolute; left: 1in; } div { position:relative; top:-3px; left:6px; } 更多电子书 SEO搜索引擎优化基础教程:http://bbs.zzbaike.com/thread-9952-1-1.html SEO搜索引擎优化高级教程:http://bbs.zzbaike.com/thread-12692-1-1.html wordpress的中文翻译文档:http://www.wordpress.la/codex.html,wordpress 开 发的相关知识都有,对WordPress开发感兴趣的博主会有一定的用处。 WordPress免费主题:http://www.wordpress.la/theme.html 本电子书由站长百科(www.zzbaike.com)教程组制作  出处:站长百科   原文地址:http://www.zzbaike.com/wiki/CSS 定位   本电子书整理自站长百科 CSS定位词条,查看内容请访问网站。  WordPress免费插件:http://www.wordpress.la/plugin.html WordPress主题制作电子书:http://bbs.zzbaike.com/thread-9954-1-1.html Apache2.2 中文文档电子书:http://bbs.zzbaike.com/thread-9955-1-1.html IXWeHosting 控制面板使用手册(在线版+PDF 电子书): http://bbs.zzbaike.com/thread-9953-1-1.html 更多电子书下载:http://down.zzbaike.com/ebook/ 视频教程: 1. 美国主机 IXWebHosting 使用视频教程(在线观看及下载) http://bbs.zzbaike.com/thread-47008-1-1.html 2. Godaddy 主机及域名使用视频教程(在线观看及下载) http://bbs.zzbaike.com/thread-50005-1-1.html 如果您有站长类电子书,请到这里与我们分享: http://bbs.zzbaike.com/forum-69-1.html 详情见: http://bbs.zzbaike.com/thread-23156-1-1.html 站长百科感谢您下载阅读,多谢支持! position z-index top right bottom left 附录
本文档为【CSS属性之CSS定位】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_598835
暂无简介~
格式:pdf
大小:218KB
软件:PDF阅读器
页数:7
分类:互联网
上传时间:2011-03-26
浏览量:53