[CS]位置相対


<!DOCTYPE html>
<html>
    <head>
        <style>
            html{border: 1px solid gray;}
            div{border: 5px solid tomato; margin: 10px;}
            #me{
                position: relative; /*기본값은 static*/
                left: 100px; 
                top: 100px;
            } /*offset이라고 불린다*/
        </style>
    </head>
    <body>
        <div id="other">other</div>
        <div id="parent">parent
            <div id="me">me</div>
        </div>
    </body>
</html>
  • positionのデフォルト値はstaticです.
  • staticの場合、#meの位置は適用されず、relativeに設定されます.
  • left: 100pxtop:100pxなどの設定.