HTML bodyの謎の空間

bodyに横幅1000pxを設定したのですが、bodyの横に謎の空間ができました。これは何かわかりますか？
できればこの空間を消す方法も教えて欲しいです。

2020/05/25 08:26

すみません、質問が途切れてしまっているようです。

2020/05/25 08:32

すいません。修正します。

行動規範の内容に同意します

回答1件

ベストアンサー

例えばブラウザの横幅が1200pxとして、bodyに1000pxを指定すると200pxのあまりが生じると思います。

その「あまり」ではないでしょうか?

中央に配置したいということなのであれば、以下のようにmarginを指定すると、とりあえず中央配置にはなると思います。

CSS
1body {
2  width: 1000px;
3  margin: 0 auto;
4}

(<body>にwidthやmargin: 0 auto;を指定することが適切かどうか、いったん触れずに回答しています。)

投稿2020/05/25 08:34

総合スコア4528

2020/05/25 08:41 編集

なるほど。回答ありがとうございます！ためしてみます！

2020/05/25 08:43

欲しかった結果が得られました。ありがとうございます！

2020/05/25 09:05

解決できたようでよかったです。ただ、仕事でHTMLやCSSを学ぼうとしている場合、 bodyに横幅を指定するのではなく、その子要素や子孫要素のどこかに「ラッパークラス」を指定して横幅を制御するテクニックを学んだほうがいいと思います。余裕があれば見てみてください。 https://m-school.biz/dev/css-coding/016-css-wrapper.htm https://coliss.com/articles/build-websites/operation/css/best-way-to-implement-wrapper.html https://getbootstrap.com/docs/4.4/layout/overview/#containers

2020/05/25 11:03

ありがとうございます！参考にさせてもらいます！

行動規範の内容に同意します