cssのズレについて

質問

cssのズレについて質問です。
うまく伝わるでしょうか・・・下記の構成でHPを作っています
html\index.php
html\header.html
html\style.css
html\about1\index.php
html\about2\index.php
html\about3\index.php
html\about4\index.php
ヘッダーとグローバルナビを共通化したいので各indexをphp化しheader.htmlをincludeしています。

ここまではどのファイルもデザインのズレは起こりませんが、
\about1～4の階層に新たに○○○.phpを追加すると全体的に右へ18pxズレてしまいます。
不審に思い、元々あるindex.phpをコピーしbody内だけを書き換えても右へ18pｘズレてしまいます。

取りあえず新規追加したファイルはmargin-left:-18pxで囲んで凌いでますが
根本的な解決とは言えません。

ヘッダー内、cssと何一つ変更してないのにズレてしまうのはなぜでしょうか？
詳しい方、類似の事象が起きた方が居ましたらよろしくお願いします。

回答No.2

coai · ベストアンサー

○○○.phpだけは文書量が少なく、スクロールバーが出ていなかったというオチ？

お礼

試しに追加したファイルにスクロールバーが出るまで文章を打ち込んだ所、レイアウトが綺麗に一致しました！
スクロールバーの有無でズレていたんですね…知らなかったので目からウロコです。
cssにhtml{overflow-y: scroll;}を追加し、常にスクロールバーを表示させる事にしてみます。
的確なアドバイスありがとうございました！

回答No.1

outbrave

○○○.phpに全角スペースが入っているとか。

補足

解答ありがとうございます。
ファイル名は半角英数字で統一しているのでそれが原因ではなさそうです。