「子要素」がサイト幅コンテナ「親要素」を超えて、画面幅いっぱいに広げて表示する方法です。
指定方法
htmlに「画面幅いっぱいに広げて表示したい」箇所にクラスをあてます。
そして、cssに以下のように記述します。
.max-width{
margin: 0 calc(50% - 50vw);
}
まとめ
自分のメモ用のコードストックですが、お役に立てたらうれしいです！
【CSS】親要素の幅を超えて、画面幅いっぱいに広げる方法
記事内に商品プロモーションを含む場合があります
