CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ

WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介する。
FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載。

【参考】
https://coliss.com/articles/build-websites/operation/css/defensive-css.html

inserted by FC2 system