我在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/