css背景图像要装箱白色不是全宽

Question

上帝另一个关于css测试网站的问题是http://testpress.dramend.com/amend-2/，我目前将这个主要内容作为带有白色背景的全宽：

但我想要实现的是这种带有相同白色背景的盒装布局，但它需要像这样的样本盒装：

我正在使用wordpress优化印刷机最新版本，它没有任何选项可以将一个部分更改为盒装或全宽，有一个选项可以将背景更改为图像但是一旦我将其设置为我的背景图片：

我是否可以使用普通css作为主要内容背景在第二张图片上实现盒装布局？

HTML

//main container    
<div style="background:#ffffff; class="row one-column cf ui-sortable" id="le_body_row_4" >
   <div class="fixed-width">
      <div class="one-column column cols" id="le_body_row_4_col_1">
       // image html comes here
       .. some more html
      </div>
   </div>
</div>

由于

Answer 1

你可以通过css来做，但问题是你正在使用的任何模块都是为它添加内联样式，例如

您的容器row one-column cf ui-sortable和ID le_body_row_4具有内联样式

background:#ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),

内联样式优先于css文件样式，如果您可以删除内联样式并将css添加到这些类one-column column cols

.one-column .column cols { background: #fff }

它将解决您的问题

Answer 2

首先，您使用的是table，因此默认情况下，table会占用整个水平空间，因此请将容器设为固定width并将margin: auto;分配给该< / p>

.container {
   margin: auto;
   overflow: hidden;
   padding: 0;
   position: relative;
   width: 1000px;
}

而不是使用background-color: #fff; div id的{​​{1}}