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; 
}