Kredo Blog / 自分で観察するCSS教材

CSSが効かない6例を、直す前と後で比べる

最初に変わらない箇所を一つ選び、値を観察します。下の修正版は原因ごとの一例です。本番サイト全体を自動診断するツールではありません。

調べる例

期待値と24状態を照合する

6例×修正前後×幅390px/1280pxを、ブラウザ内の独立したフレームで確認します。「合格」は修正前の失敗を含め、教材の想定どおりという意味です。

まだ実行していません。

例・状態・幅	期待	実測	照合

このページは外部サービスへ送信せず、ファイルも保存しません。CSS未読込の例だけ意図的に存在しないローカルCSSを参照します。正確なHTTP状態の確認はREADMEに沿ってローカルHTTPで行ってください。