急急急 求解ablosute
<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>絕對定位</title>
??? <style type="text/css">
??????? *{
??????????? margin:0;
??????????? padding:0;
??????? }
?? ??? ?
?? ??? ? .box1{
??????????? background-color: #ddeef6;
??????????? width:100%;
?????????? height:100px;
??????? }
??????? .box2{
??????????? background-color: pink;
??????????? width:100%;
???????????? height:100px;
?? ??? ??? ? position:absolute;
??????? }
??????? .box3{
??????????? background-color: purple;
??????????? width:100%;
?????????? height:100px;
??????? }
?????? ?
??? </style>
</head>
<body>
<div>box1</div>
<div>box2</div>
<div>box3</div>
</body>
</html>
為啥加上position:absolute;這一句,box3就不顯示了呢
我見老師的顯示的挺好的呢,求解
2015-10-21
1 你代碼標簽沒有類名
2 未設置偏移量,決定定位元素會保留在初始位置,并脫離文檔流。所以box2在文檔流之外,box3占據box2位置而上移,box2在初始位置又脫離文檔流,所以蓋住了box3.??? 視頻里講有,再看。
2015-10-22
您的類名沒有添加呢