网页中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>