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？不應該是后面的覆蓋前面的嗎？
2016-03-28
首先你的div1缺少"}"，div2也應該用類選擇器，還缺少了"position:absolute;"如果把這三個訂正了再調整div2的位置就發(fā)現(xiàn)是div2覆蓋div1了
2016-03-28
不知道我這個理解對不對，第二個框是相對第一個框移動（進行l(wèi)eft:100px和top:50px）之前的位置按默認樣式顯示的，因為相對定位relative不脫離文檔流。