Fatal编程技术网
  • css/
  • Css 如何减少主页库上方和下方的空白？

Css 如何减少主页库上方和下方的空白？

css

Css 如何减少主页库上方和下方的空白？,css,gallery,wrapper,margin,space,Css,Gallery,Wrapper,Margin,Space,我试图减少我的网站主页库上方和下方的空间，或等于左右间距。附件中的箭头显示了我要减小的区域 以下是我目前拥有的代码： @media only screen and (max-width: 800px) #header, #pageWrapper, #footer{ padding: 30px 20px; margin-bottom:0px!important;} 我无法发表评论，因此我会在得到您的答复后给出答案 我假设此图像位于包装器中，并且包装器具有填充：30px 20px 因此，您通过30

我试图减少我的网站主页库上方和下方的空间，或等于左右间距。附件中的箭头显示了我要减小的区域

以下是我目前拥有的代码：

@media only screen and (max-width: 800px)
#header, #pageWrapper, #footer{
padding: 30px 20px;
margin-bottom:0px!important;}
我无法发表评论，因此我会在得到您的答复后给出答案

我假设此图像位于
包装器中，并且
包装器具有
填充：30px 20px


因此，您通过
30px
从
顶部和
底部给它一个空格，我想您应该给包装器独立属性，即
填充：0px 20px
发布您的html。人们喜欢看你在幕后得到了什么。这是一个基于模板的网站（squarespace），所以我没有添加任何内容。你想让我右键点击检查元素，然后粘贴所有内容吗？好吧，你没有在问题中声明它是一个模板/预制站点。这是非常相关的信息。我从未使用过squarespace，但一般来说：ack，愚蠢的返回键。。。1） 使用萤火虫。2） 查找填充或边距过多的元素3）更改css。就是这样！我添加了#pageWrapper{padding:0px 20px；很高兴它帮助了您：D