CSS-层模型覆盖问题
#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？不应该是后面的覆盖前面的吗？
