CSSのプロパティがアクティブになりません。

Question

はじめまして。
プログラミング初心者です。

Atomを使ってCSSの勉強をしています。

最近急に、cssのプロパティがアクティブにならなくなりました。
入力はできるのですが、色がグレイになって表示されてしまいます。
特に「height」や「float」の時に発生しやすいです。

googleで調べて、atomをアンインストールして再インストールしたり、
ターミナルから削除してみたりしましたが、結果は同じでした。

そこで、windowsのパソコンにatomをインストールして、
同じようにcssの勉強をしはじめました。
最初のうちはうまくcssが反映されていたのですが、
今日、また同じようにプロパティがアクティブにならないで
グレイの文字になってしまう症状が出てしまいました。

この症状を解決するためにはどうしたら良いでしょうか？

どなたか教えていただければ幸いです。
どうぞよろしくお願いいたします。

/* ========================================
レフト
========================================= /
div#left {
width: 280px;
height:300px;
background-color: gray;
float: left;
}
/ ========================================
ライト
========================================= */
div#right {
width: 650px;
height:300px;
background-color: red
float: left;

}

Comments

[m.ts10806]

どういうコードを書いてどこでどのようにグレイの文字となるのでしょうか。他者がコピペで再現できる情報を提示してください。

[dit.]

「プロパティがアクティブにならない」とはどういう状況なのか、スクリーンショットなどの提示をお願いします。
「プロパティがアクティブにならない」状況になったときのコードなども提示があるといいです。

teratailの質問は編集することができ、画像も載せられます。
また、コードの提示の際はコードをコピペし、そのコードを選択し、<code>というボタンを押してください。（コードブロックというものになり回答者がコードを確認しやすくなります）
https://teratail.com/help/question-tips#questionTips3-5-1

[noemi007]

お忙しい中、お返事ありがとうございました！

アドバイスいただいたように、スクリーンショットとコードをアップしてみました。

div id ="left"と"right"を横並びさせるために、両方に「float: left;」を入力したのですが、div id = "right"のほうのfloatが、グレイになってしまうんです。（div id = "left"のfloatは正常に白色になっています。）

どうか皆様、お忙しい中恐縮ですが、アドバイスよろしくお願いいたします。

[eneko0513]

background-color: red
↓
background-color: red;

まずはこれがきになったり。

[noemi007]

ありがとうございます！

おかげさまで、解決いたしました。
トラブルが発生している場所ばかり見ていたのですが、その他の場所に問題がある場合があるのですね！
すごく勉強になりました！

すごく愚問だったと思うのですが、質問に回答していただいただけでなく、質問方法まで教えていただいて、みなさんに感謝、感謝です。
これからもどうぞよろしくお願いいたします。

今、ベストアンサーとか色々な方法がわからなくて、もたもたしています。。。
数時間後にはベストアンサーなどができていると思いますので、しばらくお待ちください。（すいません！）

[noemi007]

度々申し訳ございません。。。

ベストアンサーの選び方を調べているのですが、どうやったら選べるのでしょうか？
teratailの中で調べたり、ググったりしてるのですが、どうしてもベストアンサーのボタンが見つからないんです。。。
質問ばかりで申し訳ないのですが、質問を終了したいので助かります。
どうぞよろしくお願いいたします。

[m.ts10806]

ここはあくまで質問への追記修正依頼であって回答ではないです。誰かが回答を投稿しない限りベストアンサーは選べません。そこで自己解決
https://teratail.com/help#resolve-myself

でもその前に、コードのマークダウン対応を。

[dit.]

eneko0513さんに回答として書いていただくようにお願いするか、ご自身で回答し自己解決とするといいと思います。

コードの記載の場合は
```css
ここにコード
```
となるようにしてください。この欄では無効ですが、質問や回答はこういったマークダウンというものが使えます。

[eneko0513]

回答にしておきました、よろしければアンサーにお願いします_(._.)_
エラーが出る場合って色々な要因があるのですが、該当箇所の前でコケている事とかは定番ですので
一箇所を集中して見るというより関係している場所を全体的に俯瞰して見るようにすると良いかもです。

Answer 1

background-color: red
↓
background-color: red;

Comments

[noemi007]

ご回答ありがとうございました！
おかげさまでfloatの設定をすることができました！

今回は直接のご回答をいただいたeneko0513さんをベストアンサーに選ばせていただきました。
しかし、修正依頼によって、回答を導けるように手助けしてくださった、みなさんのおかげだと感謝しております。
何かご恩返しができないかと考え、みなさんをフォローさせていただくことにいたしました。
みなさんの内容を1%も理解することはできないと思いますが、どうぞフォローさせてください。
どうぞよろしくお願いいたします。
それからありがとうございました＾＾