position: fixed; が反映されない

Question

前提・実現したいこと

htmlでヘッダーを固定したい。

発生している問題・エラーメッセージ

position: fixed;
が反映されない

該当のソースコード

header{
  padding: 10px;
  position: fixed;
  font-size: 30px;
  background-color: #00ff7f;
  top: 0px;
  height: 100px;
  width: 100%;
}

試したこと

自分で作成しているhtmlファイルをChromeで開き、検証、すると⚠️が出て、反映されていませんでした。

＊他のbackground-colorなどは反映されています。

どうしたらよいでしょうか。

Answer 1

⚠️が出るのは、文法がまちがってるということです。
一回消して、もう一回書き直してみてください。
それでも治らなかったら、再度該当部分をこの記事にコピペして貼り付けてください。

Comments

[masato_]

書き直したら反映されました。
しかし、反映される前と後を見比べても1文字も違うところがありませんでした。
原因はなんだったのでしょうか。。

[H40831]

まあ、そんなこともありますよ。
わからない事をいつまでも考えてても仕方ないです♪
それより`⚠️`が出たらとりあえず書き直す、って覚えたほうが楽ですよ。笑

[kei344]

To: masato_さん
https://jsfiddle.net/2a5g1dhe/
不可視文字が紛れています。特定の環境下（主にMac）で起こるようです（下記は事例）。

【Mac OS 10.10.xにてファイル名に制御コード（0x08:バックスペース）が入る問題について | 新聞オンライン送稿ユーザーサポート | 株式会社 デジタルセンド】
http://www.digital-send.com/support_np/support_np_pd/np_attention/bs_filename

[masato_]

そうなんですね、、笑
非常にモヤモヤしますが前進します。笑
ありがとうございました！

[masato_]

kei344さん
不具合という事でしょうか。
ありがとうございます。