1

我想创建一个中间有一个黑框的页面，它的左侧和右侧有 30px 的填充。

以下代码适用于桌面浏览器而无需水平滚动，但在移动 Safari 上您可以左右滚动。如何防止这种水平滚动？

我尝试添加溢出：隐藏到正文、外部 div 和内部 div，这似乎没有帮助。

<!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

好的，答案是用另一个 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 回答