CSS-Positionとは

3569 ワード
TIL CSS html テキストリンク

CSSの位置を知る！


position:絶対、相対、固定は何が違いますか?


王国の蜘蛛人と王
そして王様の中に召使いがいると言ってみました.
	<div class="kingdom">
        <div>
            <div class="spiderman">spiderman</div>
        </div>

        <div class="king">king
            <div class="servant">Servant</div>
        </div>
	</div>
図に示すように、左から右下にposition:static、position値が割り当てられていない場合のデフォルト値
位置:絶対、右:0位置:絶対、親ラベルの中の位置:絶対、相対、固定の範囲、親が彼らの位置値を持っていなければ、体を基準に移動して、王国外の画面の右側にspidermanを貼る
王国に相対を与える.
王国の位置:親戚に与えると、家出したクモが帰ってきて王国を基準に右側に貼られています.
同様に、今回は召使いの上級国王に親族を与え、召使いの位置を地面に貼った.
召使いは王の範囲を超えてはならない.

王の位置、召使いの位置:絶対と底:0を維持すれば、王国の底にくっついているのが見えます.

position:fixedは次のページを参照


上図のように、上端のアップルロゴの横断幕は転がっても固定されます.この位置のコードから位置が見えます:固定
終わりだ!
CSS--擬似要素による三角形化
白駿1330号は2つの数字を比較します