我的客户希望背景边上有空格(很奇怪?),但我无法找到解决方案。
基本上我想要有宽屏幕的背景和白色。
注意和重要事项:我需要身体。
我该怎么做?
答案 0 :(得分:4)
您为容器指定宽度(例如1000px
),然后在其上使用margin: auto
。
<强> Demo 强>
答案 1 :(得分:3)
在body
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>