dddddddddddd
@dddddddddddd (陸 加治屋)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

htmlの余白 Googlechrome「

解決したいこと

ここに解決したい内容を記載してください。
Googleでファイルページを見ると大体謎の余白ができます
何故?
スクリーンショット (48).png

0

1Answer

ディスプレイの横幅を越える要素があるからだと思います。
例えば以下のような横幅が10000pxのような要素があると画面外に出てしまい、画像のように横スライドになります。

<div style="width:10000px;">
    横幅長い
</div>

解決するためには、横幅を「width: 100vw;」でディスプレイ画面にした要素に、子要素がはみ出た部分は表示しない「overflow: hidden;」を付けることで、余白が出来てしまうことを回避できます。

<div style="width: 100vw;overflow: hidden;">
    <div style="width:10000px;">
        横幅長い
    </div>
</div>

※実際には上のようにスタイルでベタ書きせず、cssクラスで書いた方が良いです。

1Like

Your answer might help someone💌