📚

【css】親要素からはみ出して子要素を画面幅いっぱいに広げる

2022/03/19に公開約300字

結論

margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);

片側の場合は片方だけを指定すればOK

解説

要素の半分から画面幅の半分を引くことで、画面幅までのネガティブマージンを算出している。


https://gokansoichiro.com/blog/css-calc-01/

GitHubで編集を提案

Discussion

ログインするとコメントできます