#div1{
width:200px;
height:200px;
background-color:red;
border:2px red solid;
position:relative;
left:100px;
top:50px;
.div2{
width:200px;
height:200px;
border:2px red solid;
}
</style>
</head>
<body>
<div id="div1"></div>
<div class="div2"><span>偏移前的位置还保留不动，覆盖不了前面的div没有偏移前的位置</span></div>
为什么红色背景的div1覆盖了后面的div2？不应该是后面的覆盖前面的吗？
首先你的div1缺少"}"，div2也应该用类选择器，还缺少了"position:absolute;"如果把这三个订正了再调整div2的位置就发现是div2覆盖div1了
不知道我这个理解对不对，第二个框是相对第一个框移动（进行left:100px和top:50px）之前的位置按默认样式显示的，因为相对定位relative不脱离文档流。