首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > XML SOAP >

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

2013-09-05 
网页中position的绝对定位和相对定位有什么区别??最近在学习网页,对绝对定位和相对定位,有点不懂,但是在DW

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

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对象区域的坐标来算

热点排行