Css 无水平滚动条的大正文宽度_Css

Css 无水平滚动条的大正文宽度

css

Css 无水平滚动条的大正文宽度,css,Css,我将主体宽度设置为1920px，并设置相同宽度的背景图像。该图像用于标题。因为我的身体里有更窄的包装，如果我把标题背景放在标题本身上，标题背景的宽度会被包装的边框切割。所以我把它放到了主体上，但现在我在底部有了水平滚动条，页面的中心移到了右边。我怎样才能摆脱滚动条，把页面居中？代码如下： body { background-color: #f6f6f6; background-image: url('../img/menu-background.png'); widt

我将主体宽度设置为1920px，并设置相同宽度的背景图像。该图像用于标题。因为我的身体里有更窄的包装，如果我把标题背景放在标题本身上，标题背景的宽度会被包装的边框切割。所以我把它放到了主体上，但现在我在底部有了水平滚动条，页面的中心移到了右边。我怎样才能摆脱滚动条，把页面居中？代码如下：

body {
    background-color: #f6f6f6;
    background-image: url('../img/menu-background.png');
    width: 1920px;
    background-repeat: no-repeat;
    font-family: 'PT Sans';
}

.wrapper {
    width: 950px;
    min-height: 1658px;
    border: 1px solid grey;
    margin: 0 auto;
}

header a {
    text-decoration: none;
    text-align: center;
    display: block;
    width: 365px;
    margin-left: auto;
    margin-right: auto;
}

和HTML：

<body>
    <div class="wrapper">
        <header>
            <a href="#">
                <h1>Lorem ipsum</h1>
                <span>bla-bla-bla</span>
            </a>
        </header>

无需将主体上的宽度指定为1920px

具有更大分辨率屏幕的用户无论如何都会看到整个背景图像

我建议您将背景图像标签设置在一行，如下所示：

body {
    background: #f6f6f6 url('../img/menu-background.png') no-repeat center 0;
}

不需要将主体上的宽度指定为1920px

具有更大分辨率屏幕的用户无论如何都会看到整个背景图像

我建议您将背景图像标签设置在一行，如下所示：

body {
    background: #f6f6f6 url('../img/menu-background.png') no-repeat center 0;
}

您可以通过添加

overflow-x：隐藏添加到您的正文中您可以通过添加
overflow-x：隐藏到你的身体
为什么你的身体上有宽度：1920px
？设计师的想法是在任何屏幕的两侧都有标题的背景。所以他选择了我认为最大的宽度。为什么主体上有宽度：1920px
。所以他选了我认为最宽的那个。谢谢！它对我有用。现在背景居中，没有水平的画框。谢谢！它对我有用。现在，背景居中，没有水平的边框。