绝对定位与相对定位详解.doc

上传人:晟*** 文档编号:14234000 上传时间:2022-09-28 格式:DOC 页数:9 大小:468KB
下载 相关 举报
绝对定位与相对定位详解.doc_第1页
第1页 / 共9页
绝对定位与相对定位详解.doc_第2页
第2页 / 共9页
绝对定位与相对定位详解.doc_第3页
第3页 / 共9页
绝对定位与相对定位详解.doc_第4页
第4页 / 共9页
绝对定位与相对定位详解.doc_第5页
第5页 / 共9页
点击查看更多>>
资源描述

概要: 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性(偏移属性)和Margin属性(外边距)对定位块级元素进行布局的方法。(本文的示例,请看这个附件demo。)说明:占位空间:元素在文档流中所占据的空间。物理空间:元素本身所占据的空间。下面分3种情况分别对相对定位和绝对定位进行讨论:1.只使用css第一组属性布局定位元素的情况2.只使用css第二组属性布局定位元素的情况3.混合使用第一组和第二组属性的情况图1为未定位时的初始效果,层级关系为:divdiv box1div box2div box3效果图:图1一、用相对定位布局块级元素元素设置position值: position:relative此属性值的设置,元素没有脱离文档流,还是普通流定位模型的一部分,会对文档流中其它元素布局产生影响。(说明:蓝色代表占位空间,红色代表元素)1.仅使用left、right、top和bottom属性

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 实用文档资料库 > 公文范文

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。