demo52-相對定位

時間 2020-03-29

原文原文鏈接

<!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>
<!--
    定位:父相子絕
    相對定位
    絕對定位
-->

相關標籤/搜索