absolute与relative的区别
来源:互联网 发布:淘宝删评价链接 编辑:程序博客网 时间:2024/05/18 03:35
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
#Layer1 {
width:100px;
height:100px;
z-index:3;
position:absolute;
background-color: #FF0000;
top: 0px;
left: 50px;
padding-top: 10px;
padding-left: 150px;
margin: 50px;
}
#Layer2 {
z-index:2;
position:relative;
background-color: #CCCCCC;
left: 50px;
top: 0px;
}
#Layer3 {
z-index:1;
position:relative;
background-color: #0000FF;
left: 50px;
top: 0px;
}
-->
</style>
</head>
<body>
<p>123333333333333333333333333333333333444444444444</p>
<div id="Layer3">Layer3<br>
Layer3<br>
<div id="Layer2">Layer2<br>
Layer2<br>
<div id="Layer1">Layer1<br>
Layer1<br>
Layer1<br>
Layer1<br>
</div>
Layer2<br>
Layer2<br>
</div>
Layer3<br>
Layer3<br>
</div>
</body>
</html>
===========================
sPosition String that specifies or receives one of the following values. static Default. Object has no special positioning; it follows the layout rules of HTML. absolute Object is positioned relative to parent element's position—or to the body object if its parent element is not positioned—using the top and left properties. relative Object is positioned according to the normal flow, and then offset by the top and left properties.
statict 正常工作流,left, op失效,
absolute相对于parent元素,left, top有效,如果left, top没value,或叫null,则left,top,ie产生一个值,其值等于正常工作流时的top, left(如日期控件是display,其定义一般是当前元素的postion底部+10,或mouse postion)
relative, 正常工作流,即上一次元素的,top. left有效
现在ie7已解决select的问题,这点与ff相近,box盒子定义也是如些,这点与ie6不同,以后再测试....
padding-top: 10px;
padding-left: 150px;
margin: 50px;
借助dw可以清楚其值
- absolute与relative的区别
- position的relative与absolute的区别
- position属性:absolute与relative的区别
- position属性:absolute与relative的区别
- position属性absolute与relative 的区别
- 3、relative与absolute的主要区别:
- relative与absolute的区别特点理解
- position:absolute与position:relative的区别
- position属性absolute与relative 的区别
- position absolute relative的区别
- absolute与relative的运用
- absolute 与 relative 的运用
- absolute与relative的运用
- css里面position:relative与position:absolute的区别
- position:relative与position:absolute的定位区别
- relative,absolute和float的联系与区别
- position的static、relative、absolute区别与联系
- position里relative与absolute的一些区别
- [ORIGINAL CREATION] learning awk
- 增加“BPM标准规范点滴”文档分类栏目
- 两种数据库连接方式
- 不能说的秘密
- Groovy语言入门(1)
- absolute与relative的区别
- 怎么访问XP的默认共享
- tomcat5下jsp出现getOutputStream() has already been called for this response异常的原因和解决方法
- 服务器控件的Load事件
- Java实现窗体中角色逐渐风化效果
- “工作流”与“业务流程管理”两个领域的关系
- SQL SERVER的数据类型 转载
- 投资理财:成长股的三大诞生路径
- 情人节寄语