サイトの全体幅の指定が反映されない

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

bodyのwidthがデフォルトの1440pxから変更できません。warapperで1115pxの幅を作りたいのですが検証ツールで横線が入って反映されません。どうすれば全体幅を変更できるでしょうか？

該当のソースコード

body{
  width: 1336px;
  margin: 0 auto;
  font-size: 100%;
}
.wrapper{
 width: 1115px;
}

試したこと

width、max-width 両方試しました

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[itagagaki]

検証ツールで<div class="wrapper"></div>のwidthに横線が入っているということですか？
やってみましたが再現できませんでした。

[Lhankor_Mhy]

「デフォルトの1440px」とありますが、これはなんのことですか？
なんらかのCSSテーマかなにかを使っていますか？

[qzawsxed]

「デフォルトの1440px」は何も指定してない時の全体幅です。全体幅を1336pxにしたいのですが両端に余白ができてしまいます。

[qzawsxed]

横線は<img>や<p>に対して親要素の横幅が優先され、wrapperの幅が反映されないために起きている現象だと思われます。

[Lhankor_Mhy]

「何も指定してない時の全体幅」が記述されているコードをご提示ください。

[qzawsxed]

指定してないので記述もしてないです、、marginで余計な余白みたいな謎の幅がずっと消えません。box-size:border-box;やover-flowなどを試しても消えませんでした。仕様なんですかね、、

[Lhankor_Mhy]

通常ですと、body にデフォルトの幅はないと思いますが、それはどうやって付与したのですか？

[Lhankor_Mhy]

もしかして、「デフォルトの1440px」とはスクリーンサイズ（ビューポート）のことでしょうか？

[qzawsxed]

はい、スクリーンサイズのことでした。スクリーンサイズが1440pxだからwidth1366pxを設定すると余白が出てしまっていたようです。お騒がせしました。

Answer 1

スクリーンサイズのことでした。スクリーンサイズが1440pxだからwidth1366pxを設定すると余白が出てしまっていたようです。お騒がせしました。