如何在页面两边留白?

2 html css background space

我的客户希望背景两侧有空白(奇怪?),但我找不到解决方案。

基本上我想在宽屏幕的两侧有一个背景和白色。

注意和重要:我的身体需要这个。

我怎样才能做到这一点?

erl*_*mar 5

在你的 body

body { width: 974px; margin: 0 auto; }
Run Code Online (Sandbox Code Playgroud)

margin语句意味着您body将顶部和底部边距设置为 0。 -auto值意味着在您用完 974 像素后,无论剩余多少水平空间,都将被均匀分割以在body.

如果你没有像 那样的包装容器<header><section>你可以应用这个宽度,你可能会发现自己在放置背景图像等内容时会受到一些限制,并且应该显示在body. 您将只剩下html-element 作为 的父级,body因此不会提供很多层或挂钩,您可以在其中添加高级样式进行装饰等等......只是一个警告:)