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

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

您使用了footer-widget1次ID isn't valid HTML。

我建议将id从内部#footer-widget1移除并应用不同的样式。

这将解决您的填充问题。