如何使用CSS为居中列的相邻空间着色？

Question

我正在尝试在Drupal中实现一个设计，这样的布局：

http://i.imgur.com/H1hOm.png

即：一个居中的列具有标题，导航栏，正文和页脚。左右相邻的空格是空的。现在，我需要用相同的颜色填充第1,2和3部分的左右空间，但不要拉伸div。我的想法是创建三个div（1'，2'，3'，左右两个）并相应地设置背景颜色。

一切顺利，但是我无法匹配div 2的高度（尝试了所有内容，设置'min-height'到html，到body，到容器div，什么都没有用）。

我想知道是否有另一种方法来实现我想要的，或者问题高度可能出现什么问题。

谢谢！

Answer 1

以下是使用背景图片的解决方案...... http://dabblet.com/gist/2920146