CSS Grid Layoutのカラムの幅が拡張される問題を解決する方法Web制作を長くやっている人なら、IE6の「要素拡張問題 (Expanding Box Problem)」を知っているのではないでしょうか？ この「要素拡張問題」は、要素に指定した横幅を無視して、要素の内容が要素の幅を押し広げてしまうというものです。 CSS Grid Layoutのカラム (列) でも、同様の問題が起こったため、その解決方法をご紹介します。 カラムの幅が拡張される問題が起こるケース次のようなコードで問題は発生します。 … <style> ._grid { display: -ms-grid; display: grid; -ms-grid-columns: auto 50%; grid-template-columns: auto 50%; -ms-grid-rows: auto; grid-template-rows: auto; } ._cell-1 { -ms-gr
