關于絕對定位的知識點有個不太懂
“相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位”這句話是什么意思，有實例解釋一下嗎，謝謝
Otone
2018-07-02
1 回答
舉報
0/150
提交
取消
2018-07-02
<!--?
解釋代碼如下：box1是box2的父類包含塊（即box2是在box1里面的塊元素），將box1定義position:relative, box2定義為 position:absolute, 則box2就可以根據box1進行絕對定位。
box3和box4同理。
-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>相對參照元素進行定位</title>
<style type="text/css">
div{border:2px red solid;}
#box1{
??? width:200px;
??? height:200px;
??? position:relative; ??
}
#box2{
??position:absolute;
?top:20px;
?left:30px;
}
/*下面是任務部分*/
#box3{
??? width:200px;
??? height:200px;
??? position:relative;??????
}
#box4{
??? width:99%;
? ? position:absolute;?
? ? bottom:0px;?
}
</style>
</head>
<body>
<div id="box1">
?<div id="box2">相對參照元素進行定位</div>
</div>
<h1>下面是任務部分</h1>
<div id="box3">
??? <img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
??? <div id="box4">當我還是三年級的學生時是一個害羞的小女生。</div>
</div>
</body>
</html>