css - 你能告诉我如何在我的主页图库上方和下方设置相等的间距吗

Question

我使用的是基于模板的站点，并添加了 CSS。所以我没有任何代码要添加，除了下面。这是我的 site我正在尝试修复。下面的代码是我添加的，用于修复主页画廊上方的间距，它弄乱了画廊下方的空间。我试图使顶部和底部的空间相等。

.sqs-layout .sqs-row .sqs-block:last-child {
 padding-bottom: 34;
 padding-top: 0;

Answer 1

你有 CSS #pageWrapper{margin-bottom:30px;} 可以在大屏幕尺寸下正常显示。但是，当您调整窗口大小时，该空间仍然存在。
解决方案是将 margin-bottom:0px; 添加到 @media 中:

@media only screen and (max-width: 800px)
#header, #pageWrapper, #footer{
padding: 30px 20px;
margin-bottom:0px;
}

编辑:
margin-bottom: 0px !important 在 @media 查询中应该这样做。