html - 如何将网站保持在 960px 但在 x 轴上拉伸(stretch)背景

标签 html css

我将整个网站放在一个带有 ID 容器的 div 中。容器的CSS是

#container {
    width: 960px;
    background: #FFFFFF;
    margin: 0 auto;
    border: 1px solid #000000;
    text-align: left;
}

但问题是它也限制了背景为960px。我想排除背景并让它填满整个屏幕。即在 x 轴上重复

最佳答案

使用以下代码 - 应该可以工作:

CSS

body {
width: 100%;
background: #fff;
}

HTML

<body>
   <div id="container">
</body>

关于html - 如何将网站保持在 960px 但在 x 轴上拉伸(stretch)背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30030262/

相关文章:

html - Bootstrap 列元素调整大小碰撞到新行

javascript - JQuery 显示/隐藏 div 从下拉列表更改

css - 我如何链接 css 样式表来 react 类

html - 使图像居中

css - 单个巨大的 .css 文件与多个较小的特定 .css 文件?

javascript - 未捕获的类型错误无法读取未定义的属性 'event'

css - CSS 可以大写标题属性显示的文本吗?

css - 为什么显示:table gives extra spacing?

javascript - 我想每次都将不同的变量传递给循环中动态创建的按钮

html - 使用 HTML 和 CSS 的可扩展大括号