html - 半页全宽样式CSS

Question

我目前正在这个网站上工作:http://mdftanzania.com .我正在使用 Wordpress 和 headway101。我想要适用于页面开始部分的全宽绿色背景颜色:关于我们和服务。我将一个 div 类添加到必须为绿色背景的页面部分。我尝试将 div 类设置为全宽绿色背景，但没有成功，目前只有一部分设置了样式(参见网站:http://mdftanzania.com)。

我知道还有另一种解决方案，即在内容容器上方创建一个容器或小部件，我将页面文本的第一部分放入其中。问题是我的客户感到困惑编辑页面中的文本。那时 Wordpress 的简单性基本上消失了。因此，我正在寻找具有 CSS 样式的解决方案，因此客户端只处理 's.

有人对此有解决方案吗？

Answer 1

因为你已经为content block预先定义了一个padding，它显然会影响其中包含的所有子元素，包括绿色背景的div，意味着您应该删除该填充并将其仅应用于特定元素，或者将此简单的 CSS 解决方法应用于您的 div:

{
    margin: 0 -25px;
    padding: 0 25px;
}

用您的话来说，这使其成为“全宽”并对其内容应用填充。