前提・実現したいこと
ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
bodyのwidthがデフォルトの1440pxから変更できません。warapperで1115pxの幅を作りたいのですが検証ツールで横線が入って反映されません。どうすれば全体幅を変更できるでしょうか?
該当のソースコード
body{ width: 1336px; margin: 0 auto; font-size: 100%; } .wrapper{ width: 1115px; }
試したこと
width、max-width 両方試しました
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
検証ツールで<div class="wrapper"></div>のwidthに横線が入っているということですか?
やってみましたが再現できませんでした。
「デフォルトの1440px」とありますが、これはなんのことですか?
なんらかのCSSテーマかなにかを使っていますか?
「デフォルトの1440px」は何も指定してない時の全体幅です。全体幅を1336pxにしたいのですが両端に余白ができてしまいます。
横線は<img>や<p>に対して親要素の横幅が優先され、wrapperの幅が反映されないために起きている現象だと思われます。
「何も指定してない時の全体幅」が記述されているコードをご提示ください。
指定してないので記述もしてないです、、marginで余計な余白みたいな謎の幅がずっと消えません。box-size:border-box;やover-flowなどを試しても消えませんでした。仕様なんですかね、、
通常ですと、body にデフォルトの幅はないと思いますが、それはどうやって付与したのですか?
もしかして、「デフォルトの1440px」とはスクリーンサイズ(ビューポート)のことでしょうか?
はい、スクリーンサイズのことでした。スクリーンサイズが1440pxだからwidth1366pxを設定すると余白が出てしまっていたようです。お騒がせしました。
回答1件
あなたの回答
tips
プレビュー