<style>
.div_1{
background: red;
position: absolute;/*根据上级绝对定位*/
right: 0px;
top: 0px;
}
.div_2{
background: blue;
position:relative;/*相对本身定位*/
top:10px;
left:20px;
}
.div_3{
background: green;
position: fixed;/*根据窗体绝对定位*/
right: 50px;
top: 50px;
}
.div_4{
border:1px solid #ffff00;
}
div{
height: 200px;
width: 100px;
}
input{
border:1px solid blue;
}
</style>
<body>
<div class="div_1">
<span>我是第一个div</span>
</div>
<div class="div_2">
<span>我是第二个div</span>
</div>
<div class="div_3">
<span>我是第三个div</span>
</div>
<div class="div_4">
<span>我是第四个div</span>
</div>
<input type="text">
</body>
