サイト制作やテーマ制作をしていて、CSSの記述が適用されていない、レイアウトがおかしい、などなど困った事態にぶつかることがよくあります。 私だけでしょうか? まだまだ勉強中ですが、HTML・CSS覚えたての頃から現在まで、私が実際に出会ってきた様々なバグ、ミス、トラブルについてその対処方法とともに、年末の大掃除として書いてみます。 1. ページの右側に余計な余白が出来る 対処:コンテンツを#wrapで包含し、overflow:hiddenを効かせる 2. IEで親要素にdisplay:table-cellを指定したときにimg要素にmax-widthが効かない問題 対処: display:table-cellを指定している要素のさらに親要素にtable-layout: fixed;を指定する 3. floatした要素が親要素からはみ出る 対処①:後ろにfloat解除用のdivを置く 対処②
![CSSが効かない…よくある原因(バグやミス)と対処方法 - Minimal Green](https://cdn-ak-scissors.b.st-hatena.com/image/square/39031ac37900b63e634b68be97009590fd463dd5/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsyofuso%2F20161222%2F20161222093425.jpg)