zoukankan      html  css  js  c++  java
  • demo52-相对定位

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style type="text/css">
                div{
                    width: 300px;
                    height: 300px;
                    background: pink;
                    /*设置相对定位*/
                    
                    /*相对定位的特点:
                     1.以自己之前的位置作为参照物进行定位
                     2.在进行移动的时候会把原来的位置继续占着
                     
                     * */
                    position: relative;
                    left: 100px;
                    top: 100px;
                    
                }
            </style>
        </head>
        <body>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
            <div></div>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
            <p>匹配匹配铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺铺</p>
        </body>
    </html>
    <!--
        定位:父相子绝
        相对定位
        绝对定位
    -->
  • 相关阅读:
    【NOI2015】品酒大会 SAM
    4566: [Haoi2016]找相同字符 SAM
    3709: [PA2014]Bohater 贪心
    1925: [Sdoi2010]地精部落 dp, 抖动子序列
    4205: 卡牌配对 最大流+建图技巧
    留言板
    self-introduction
    最近比赛
    STOI补番队胡策
    BZOJ 3503: [Cqoi2014]和谐矩阵( 高斯消元 )
  • 原文地址:https://www.cnblogs.com/huaibin/p/12589723.html
Copyright © 2011-2022 走看看