何時(shí)相對(duì)何時(shí)絕對(duì)？
為什么第一個(gè)用相對(duì)第二個(gè)用絕對(duì)
死之外科醫(yī)生
2017-03-01
3 回答
舉報(bào)
0/150
提交
取消
2017-03-01
相對(duì)和絕對(duì)都是在元素中定義的。都是元素與其父元素的關(guān)系。
box1相對(duì)于父元素body是聽(tīng)從父元素body的流動(dòng)布局的安排的。
box2相對(duì)于父元素box1是告訴父元素：請(qǐng)按照這個(gè)絕對(duì)位置安排我。
2017-03-01
div是塊元素，單獨(dú)占一行。
position:relative表示他要針對(duì)自身在父元素中的位置進(jìn)行定義，并且這個(gè)定義是相對(duì)于其自身原來(lái)位置的。
top和left表示偏移量。
2017-03-01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>案例</title>
<style type="text/css">
div{
border:red 1px solid;
}
#box1{
width:200px;
height:200px;
position:relative;
top:10px;
left:10px;
}
#box2{
width:200px;
height:200px;
position:relative;
top:10px;
left:10px;
}
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
</body>
</html>