欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

网页中position的绝对定位跟相对定位有什么区别?

更新时间: 2014-01-05 02:01:42 责任编辑: Author_N1

 

网页中position的绝对定位和相对定位有什么区别??
最近在学习网页,对绝对定位和相对定位,有点不懂,但是在DW中测试,看不到两者有什么区别??还有这这两者有什么用途??
--参考方法--
同学要在网页中测试呀。

position:absolute,如果层A高度为200,宽度为200.希望在层A的范围内(外)有一个层B,哪么层B就可以在层A的基础上绝对定位

如果层B没有基础,它相对于body绝对定位


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#A{width:200px;height:200px;background-color:#f00;position:relative}
#B{position:absolute;width:200px;height:200px;top:20px;right:-150px;background-color:#ddd}

#C{position:absolute;width:200px;height:200px;top:320px;right:200px;background-color:#000;color:green;}
</style>
</head>

<body>
<div id="A">
     <div id="B">position:Absolute</div>
        position:relative
    </div>
    <div id="C">body absolute</div>
</body>
</html>


--参考方法--
绝对 以整个页面坐标算,
相对 以它的offsetParent对象区域的坐标来算
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 02:01:42
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/4708/
本文WWW.DOC100.NET DOC100.NET版权所有。