title | emoji | type | topics | published | ||
---|---|---|---|---|---|---|
【css】親要素からはみ出して子要素を画面幅いっぱいに広げる |
📚 |
tech |
|
true |
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
片側の場合は片方だけを指定すればOK
要素の半分から画面幅の半分を引くことで、画面幅までのネガティブマージンを算出している。
title | emoji | type | topics | published | ||
---|---|---|---|---|---|---|
【css】親要素からはみ出して子要素を画面幅いっぱいに広げる |
📚 |
tech |
|
true |
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
片側の場合は片方だけを指定すればOK
要素の半分から画面幅の半分を引くことで、画面幅までのネガティブマージンを算出している。