相对定位时，后面的定位元素，就会自动覆盖前面的元素，运行一下，下面的例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ background:#eee; height:100px; width:200px;}
.div2{ background:#ddd; height:100px; left:60px; position:relative; top:-60px; width:200px;}
-->
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</body>
</html>
此外，z-index也是处理层级关系的，数值大的，会在上层。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ background:#eee; height:100px; width:200px;}
.div2{ background:#ddd; height:100px; left:60px; position:relative; top:-60px; width:200px;}
-->
</style>
</head>
<body>
<div class="div1">div1</div>
<div class="div2">div2</div>
</body>
</html>
此外，z-index也是处理层级关系的，数值大的，会在上层。
温馨提示：内容为网友见解，仅供参考
第1个回答 2011-11-26
层定位后.
一个层设:z-index:100
一个层设:z-index:99
数大在上面本回答被提问者采纳
一个层设:z-index:100
一个层设:z-index:99
数大在上面本回答被提问者采纳
第2个回答 2011-11-26
给被覆盖div定位属性为 position:relative;
最上面的div定位属性给 position:absolute; 在写上对应的数值
.re{position:relative;width:100px;height:100px;}
.ab{position:absolute;top:50px;left:50px;}
最上面的div定位属性给 position:absolute; 在写上对应的数值
.re{position:relative;width:100px;height:100px;}
.ab{position:absolute;top:50px;left:50px;}
第3个回答 2011-11-26
被覆盖div定属性 position:relative;
上面div定位属性 position:absolute;
上面div定位属性 position:absolute;
第4个回答 2011-11-26
可以用相对定位的方法~
相似回答
