CSS定位 

<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>

 

posted @ 2015-11-09 15:56  aaddrrooiidd  阅读(156)  评论(0)    收藏  举报