質問: ポートフォリオサイトを手打ちで作っています。何故か一部のページだけ表示される位置が変わってしまいます。デベロッパーツールで確認したところ、body要素が何故かマージンを持っています。しかし、body要素に含まれるどの要素もそのマージンの原因ではありませんでした。また、CSSでbody要素のマージンは設定済みです。 なぜこのようになっているかお分かりの人はいますか?
回答: 以下のように、**ソースコード中の意図しない箇所に全角空白が含まれている**ことで、意図しないレイアウトの変化が生じています。当該全角空白を削除することで、問題の動作は解決すると思います。 ``` div { border: 3px solid green; } p { border: 3px solid red; } ``` ``` 全角空白あり テキスト 全角空白なし テキスト ```