htmlの余白 Googlechrome「
0
ディスプレイの横幅を越える要素があるからだと思います。
例えば以下のような横幅が10000pxのような要素があると画面外に出てしまい、画像のように横スライドになります。
<div style="width:10000px;">
横幅長い
</div>
解決するためには、横幅を「width: 100vw;」でディスプレイ画面にした要素に、子要素がはみ出た部分は表示しない「overflow: hidden;」を付けることで、余白が出来てしまうことを回避できます。
<div style="width: 100vw;overflow: hidden;">
<div style="width:10000px;">
横幅長い
</div>
</div>
※実際には上のようにスタイルでベタ書きせず、cssクラスで書いた方が良いです。