paddingを使用したときにwidthの値を超えて余白を作ってしまうときの対処法

Question

多くの人はどうやって解決しているのかをお聞かせください。

問題点：CSSにおいてpaddingを使用した際に、widthで指定した値を超えて余白を作る現象が起きてしまう。

リセットCSSを使って、box-sizing:border-box;をデフォルトにしているのでしょうか。
それともbox-sizing:content-boxの状態のまま、コーディングをしていますか？

また、他によい解決法はありますでしょうか。

Comments

[m.ts10806]

現象が再現するコードを提示してください。
そしてそれを具体的にどうしたいのか記載してください。

[K_3578]

というかリセットcssを使わない方が珍しいのでは。

Answer 1

多くの人はどうやって解決しているのか

リセットCSSを使って、box-sizing:border-box;をデフォルトにしているのでしょうか。

はい、そうだと思います。

957票の回答があり**「全体に設定する」が64.2%**、「使用箇所のみ部分的に設定する」が24.5%、「box-sizingをほとんど使わない」が5%、「box-sizingを使ったことがない」が6.4%でした。

HTMLコーダーにとっての2020年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA