Mar 30, 2019

【CSS】親要素からはみ出して画面いっぱいに要素を広げる方法。

Categories: css

はじめに

いつも忘れるので書いておきます。

こうやる

.子供{
    width: 100vw;//画面いっぱい
    position:relative//通常の位置から移動させる
    left: 50%;//左端が画面中央にくる
    transform: translateX(-50%);//そこから//x軸を-50%する=左に移動する
}