為什我的效果不對
絕對定位,沒有已經定位的祖先元素,我的絕對定位的box2顯示不對。
下面是我的代碼
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>Document</title>
?? ?<style type="text/css">
?? ??? ?.box1{background: red;height: 300px;}
?? ??? ?.box2{background: green;height: 100px;position: absolute;}
?? ??? ?.box3{background: blue;height: 300px;left: 50px;top: 30px;}
?? ??? ?.box{background: yellow;height: 80px;}
?? ?</style>
</head>
<body>
?? ?<div class="box1">box1</div>
?? ?<div class="box">
?? ??? ?<div class="box2">dgdgdfgdgd</div>
?? ?</div>
?? ?<div class="box3">box3</div>
?? ?
</body>
</html>
2016-08-27
?編輯問題,修改內容為空;再修改標題就ok了……刪除不了暫時。望采納!
2016-09-12
祖先元素為body,且祖先元素沒有偏移,則以該元素的初始位置顯示,想要偏移效果直接給box2添加偏移量即可
2016-08-27
設置錯了,,偏移量設錯了box,,有誰知道怎么刪除問題么?