为什么我的CSS不会删除左右边距？

Question

我正在尝试删除移动视图中blog左侧和右侧的所有空白区域，并且帖子之间只有空格。

我正试图用这段代码删除它，但不知怎的，我没有选择正确的东西。

#collection-51ca14b1e4b014f2c6e0c3e7 #pageWrapper #canvasWrapper #canvas {
    margin-left: 0px!important;
    margin-right: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

可以看到证明这一点的图像here。

Answer 1

该空格来自left上的right / #pageWrapper填充。

因此你会改变

#pageWrapper {
    padding: 0px 20px;
}

到

#pageWrapper {
    padding: 0px;
}

Answer 2

这是您在#pageWrapper内声明填充的频率。你需要经历并删除它。

#pageWrapper {
padding: 0px 20px;
}

// you only need to remove the padding from this for mobile to be effected only
site.css:8889@media only screen and (max-width: 640px)
#header, #pageWrapper, #footer {
padding: 30px 20px;
margin-bottom: 0px !important;
}
// you only need to remove the padding from this for mobile to be effected only


site.css:8277@media only screen and (max-width: 800px)
#header, #pageWrapper, #footer {
padding: 30px 20px;
}
#pageWrapper {
border: 0px solid #ffffff;
border-width: 0px 0;
padding: 0 10px;
clear: both;
}