hamayuzinの日記

エンジニアとかデータサイエンティストとかやってます。あの時 あれやってたな的な備忘録にできれば。

【0からやり直すフロント/html/css】box-sizing : border-box;

よくある

width: 100%;
padding: 10px;

を子要素に適用して、親要素からはみ出てしまう現象

box-sizing : border-box;

width: 100%;
padding: 10px;
 box-sizing : border-box; 

で解決する。

だいたいこうやって、全部に適応するけど

*, *::before, *::after {
  box-sizing: border-box;
}

aastudio.fr 用法用量を守ろうぜ的な記事も存在する