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