小部件区域上不需要的填充

Question

我在 Wordpress 上制作了一个 3 列小部件区域，但似乎有填充。我已经修改了边距，但它仍然没有调整小部件区域的大小以适合我的“侧边栏”。

这是我的网站：

www.mammacoil.com

这是我的 CSS

#footer-widgets {
display: block;
width:950px;
margin-left:-50px;
background: #000000;
}
#footer-widget1 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #000000;
border: 1px solid #fff;
}
#footer-widget2 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #000000;
border: 1px solid #fff;
}
#footer-widget3 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #000000;
border: 1px solid #fff;
}

现已解决

Answer 1

您已经使用了 id footer-widget1 两次，其中isn't valid HTML。

我建议去掉内部#footer-widget1 的id 并应用不同的样式。

这将解决您的填充问题。