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


现在解决

最佳答案

您已使用两次ID footer-widget1,即isn't valid HTML

我建议取下内部#footer-widget1的id并应用其他样式。

这样可以解决您的填充问题。

关于css - 小部件区域上不需要的填充,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13540972/

10-10 14:13
查看更多