Body和Background部分使用CSS分开

Question

如何使用CSS将我网站的正文/内容区域与背景分开。为了告诉你我的意思，请看附图。因此，双方的背景将扩展到具有非常大的显示器的人，但内容将始终保持相同的大小。

谢谢， 阿玛尔

http://i.imgur.com/2AYnU.jpg

Answer 1

试试这个。

body {
  background: #000;
  padding: 50px;
}

#content {
  width: 960px;
  background: #fff;
}

Answer 2

使用以下CSS：

content {
  width: 980px; // or your desired width
  margin: 0 auto; // horizontally center it
}

示例http://jsfiddle.net/SsPGS/

Answer 3

#content {
  width:600px; 
  margin: 0 auto;
}   

<div id="content">
    Your content goes here
</div>

Answer 4

body {
  background-color: #f0e0af;
  text-align: center;
}
.container {
  background-color: #fbf6e2;
  width: 1000px;
  margin: 0 auto;
}

.container是div。

Answer 5

如果我理解你的问题，你所寻求的是一个包装。

将背景图像放在正文上，然后使用带有此css规则的div作为内容：

.wrapper {
  width: 960px;
  margin: 0 auto;
}

您可以在html中使用它：

<div class="wrapper">
 Content here
</div>

WIDTH值必须与“内容框”的大小完全相同，而且无论监视器的大小如何，margin属性都会将其集中在一起。