WordPress 二十十二主题中页脚内的样式小部件

Question

我正在使用 WordPress 的 212 个主题。我在页脚中添加了三个小部件列，基于this tutorial，其中包括您可能需要查看的所有代码。

唯一使用的附加 css：

#colophon {
background: url(http://lenkapage.com/daylight/wp-content/uploads/2014/04/footer-logo.png) no-repeat scroll 20px 20px transparent;
background-color: #00A0E1;
color: white;
padding: 115px 0 0 100px;
margin-bottom:20px;
}

网站链接：http://lenkapage.com/daylight

结果是一个带有徽标的蓝色矩形（根据需要），小部件位于其下方。我希望徽标和小部件形成一个页脚块。 如何让小部件包含在蓝色背景中？

一种选择是忘记#colophon 并自行设置小部件的样式，但这并不理想，因为它在调整屏幕大小和其他问题时会受到令人不快的影响。样式对我不起作用。

由于小部件在代码中的#colophon 中，我尝试了定位（相对等），但这并没有达到预期的效果。我的直觉是，这就是答案所在。到目前为止没有雪茄。

我已经搜索了 wordpress.org、google 和 stack overflow，搜索词很少也很多，但大部分都得到了关于如何在页脚上实现三个小部件区域的答案。

非常感谢！

Answer 1

将溢出添加到您的#colophon。这当然可以，但您始终可以对这些元素使用 clearfix。

#colophon {
    背景：url（http://lenkapage.com/daylight/wp-content/uploads/2014/04/footer-logo.png）无重复滚动20px 20px透明；
    背景颜色：#00A0E1；
    白颜色;
    填充：115px 0 0 100px；
    边距底部：20px；
    溢出：隐藏；
}