html - 为什么我的 CSS 没有删除左右边距？

Question

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

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

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

可以在此处看到演示这一点的图像。

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