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

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

您已使用 idfooter-widget1两次，这不是有效的 HTML。

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

这将解决您的填充问题。