对布局定位设置-position

1 .div1{
2 width: 400px;
3 height: 400px;
4 background-color: greenyellow;
5 position: absolute;    *绝对定位,在本身的位置浮动起来了*/
6 left: 0px;   * left，right设置宽高有效，必须在使用定位后设置后*/
7 right: 0px;
9 }

 1 div1{
 2 position: relative;
 3 width: 200px;
 4 background-color: red;
 5 height: 200px;
 6 left: 70px
 7 }


 9 .div1_1{
10 width: 100px;
11 height: 100px;
12 position: absolute;
13 /*position: relative;*/
14 background-color: yellow;
15 left: 70px;
16 }

1 <div class="div1">、、、、、、、、、、、父
2 <div class="div1_1"></div>、、、、子
3 </div>
4 <div class="div2"></div>、、、、、、、父兄

1 .div3{
2 width: 300px;
3 height: 300px;
4 background-color: hotpink;
5 position: fixed;
6 right: 0px;
7 border: 0px;
8 }