当前位置:首页 > DIV+CSS教程 > 正文

14、【视频】相对定位和绝对定位

作者:××× 来源:标准之路 【 】 浏览: 添加日期:2010-07-06 我要评论(10)     

标准之路提醒您:点击此处下载Microsoft Silverlight插件,安装后刷新即可播放

点击下载视频教程(感谢动力软件园提供下载空间)

定位标签:position
包含属性:relative(相对) 
              absolute(绝对)

1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)

2.position:absolute; 表示绝对定位,位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。(因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高,它显示的越在上层。)

3.父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角

 


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频教程 视频 定位 相对定位 绝对定位 position

所属专题:新手常见问题

更多评论(10)..会员评论

zhanglu1989(112.82.*.*) 发表于:2013-06-09 16:40:19
视频看不了了啊,下载也不可以,希望管理员瞧一瞧吧
cv314(111.175.*.*) 发表于:2013-05-31 17:49:29
怎么看不了视频啊,定位很重要啊,求老师解决下视频问题啊··每天都在看这个网站学习呢
yyyzzz(125.38.*.*) 发表于:2013-05-21 10:31:58
很想看,但每个视频都打不开,都是这个media failure.........管理员请问什么原因呢
htwhwy123(14.219.*.*) 发表于:2013-04-17 09:47:42
怎么播放不了,而且也下载不了的啊
管理员回复:可能是地址有问题了
blueEleven(114.231.*.*) 发表于:2012-06-24 11:25:38
看了您的视频,受益匪浅!以前对定位模模糊糊,现在有了直观的了解。。正在学习.net。先学习CSS+DIV。支持您!
管理员回复:谢谢支持,也祝你学到更多
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
太酷了。

出差旅游免费预订酒店

【视频教程】新手常见问题