何時相對何時絕對？
為什么第一個用相對第二個用絕對
死之外科醫(yī)生
2017-03-01
3 回答
舉報
0/150
提交
取消
為什么第一個用相對第二個用絕對
2017-03-01
舉報
2017-03-01
相對和絕對都是在元素中定義的。都是元素與其父元素的關(guān)系。
box1相對于父元素body是聽從父元素body的流動布局的安排的。
box2相對于父元素box1是告訴父元素：請按照這個絕對位置安排我。
2017-03-01
div是塊元素，單獨占一行。
position:relative表示他要針對自身在父元素中的位置進(jìn)行定義，并且這個定義是相對于其自身原來位置的。
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>