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

Question

我使用WordPress的二十二个主题。根据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，谷歌和堆栈溢出与少数和很多搜索词，但主要是如何实现页脚上的三个部件区域的答案。

非常感谢！

Answer 1

将溢出添加到您的#colophon。这当然会起作用，但你可以使用clearfix来处理这些元素。

#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; 
    overflow: hidden; 
}