カテゴリー:
CSSトラブル対応
閲覧数:423 配信日:2021-05-26 20:23
HTMLレイアウト崩れ発生
HTMLレイアウト崩れが発生したため、「正常動作する最小構成単体デモ」を作成しました
ところが、同じコードをコピペしているはずなのに、レイアウトが異なります。
挙動が異なります。
解決しません。
なぜなの？
既存サービスのCSSがどうしても効かない → 正常動作する最小構成の単体デモを作成し、移し替える
原因判明
単体デモでは、下記記述でも、単純な構造なので正常表示されていた(少なくとも画面上は正常表示されていた)
<div><div>
本番環境
複雑なHTML構造なので、上記記述ではレイアウトが崩れる
感想
ブラウザが気を利かせて正常表示してくれているケースは、バグの原因となるため注意が必要