1

中央に黒いボックスがあり、左右に 30 ピクセルのパディングがあるページを作成したいと考えています。

次のコードはデスクトップ ブラウザーでは水平スクロールなしで機能しますが、モバイル サファリでは左右にスクロールできます。この水平スクロールを防ぐにはどうすればよいですか?

本体、外側の div および内側の div に overflow: hidden を追加しようとしましたが、これは役に立たないようです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>hello world</title>
</head>
<body style="margin:0;padding:0;">

<div style="padding:0 30px">
    <div style="background-color:#000;height: 50px;">

    </div>
</div>
</body>
</html>
4

1 に答える 1

0

OK、答えは、パディングのあるdivを別のdivでラップすることでした。

<body style="margin:0;padding:0;">
<div>
    <div style="padding:0 30px">
        <div style="background-color:#000;height: 50px;">

        </div>
    </div>
</div>
</body>
于 2013-05-14T13:04:54.220 に答える