如何在页面两侧留下空白区域?

时间:2014-08-26 08:00:53

标签: html css background space

我的客户希望背景边上有空格(很奇怪?),但我无法找到解决方案。

基本上我想要有宽屏幕的背景和白色。

注意和重要事项:我需要身体。

我该怎么做?

3 个答案:

答案 0 :(得分:4)

您为容器指定宽度(例如1000px),然后在其上使用margin: auto

<强> Demo

答案 1 :(得分:3)

body

上尝试使用此类CSS
body { width: 974px; margin: 0 auto; }

margin声明意味着您为body提供了0的上边距和下边距。auto - 值意味着在使用后仍有大量水平空间向上974px,将均匀分割以在body的每一侧添加空格。

如果您没有可以应用此宽度的<header><section>等包装容器,您可能会发现自己在放置背景图像和应该显示在body的两侧。您将只剩下html - 元素作为body的父级,因此不会提供很多图层或挂钩,您可以在其中添加高级样式以进行装饰等等...提醒一句:)

答案 2 :(得分:-1)

你需要使用css

.body
{
width:1024px;
height:auto;
background-color:white;
}

.innerwrapeer
{
width:800px;
height:auto;
background-color:red;
}

所以在html中

<body class="outerwrapper">
<div id="innerwrapeer" class="innerwrapeer">
</div>
</body>