14、【视频】相对定位和绝对定位
作者:××× 来源:标准之路 【大 中 小】 浏览: 添加日期：2010-07-06 我要评论(5)
定位标签：position
包含属性：relative（相对）
absolute（绝对）
1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）
2.position:absolute; 表示绝对定位，位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。（因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高，它显示的越在上层。）
3.父容器使用相对定位，子元素使用绝对定位后，这样子元素的位置不再相对于浏览器左上角，而是相对于父窗口左上角
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS教程〗Tags: 视频教程 视频 定位 相对定位 绝对定位 position
所属专题：新手常见问题
相关文章
更多评论(5)..会员评论
- 306307497(111.78.*.*) 发表于：2011-06-07 13:00:37
- 本来开始对于定位的知识是比较理解的，今天看了这个视频之后，就非常的有感觉，谢谢老师。
- changdi(114.243.*.*) 发表于：2011-03-04 12:03:55
- 辛苦你了，讲的非常详细，我本来对定位朦朦胧胧的，总是不太懂，看了视频终于明白了，谢谢你
- 管理员回复：定位很重要
- faildd(123.138.*.*) 发表于：2010-12-25 22:56:08
- 太酷了。
- yehaizi(125.124.*.*) 发表于：2010-11-16 20:46:36
- 老师，我一天看你一小节的教程，不知道何时才能成为高手。长路漫漫啊。
- 管理员回复：如果每天看的都能学会并掌握，相信很快的
- SMILE(115.239.*.*) 发表于：2010-09-01 08:55:16
- 这个会有浏览器的不兼容吗？需要注意什么，在使用时。
- 管理员回复：分别在几个浏览器下测试下不就知道了。要多动手呀
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)