Css 缩小div之间的间隙

这是我的新食品节测试点：

我设法将首页上的卡通徽标移到每页顶部的菜单箭头附近，但无法使其余页面“向上移动”页面

我想消除列标题（例如“音乐”页面上的星期四、星期五和星期六）与箭头菜单按钮底部之间的间隙

---

由于我正在修改一个模板，在我深入了解之前，任何其他的帮助和提示都会得到肯定的感谢

如果我更改您的

内容

部分的

顶部

样式，我认为这就实现了您想要的：

---

（）

问题在于该行中的内联样式：

  <section id="content" style="top: 210px;">

---

只需将top值更改为较小的值。

您在一个section元素上有CSS，如：

 <section id="content" style="top: 210px;">

尝试将其减少到大约100px。

从

#content>ul>li中删除
top:75px
然后添加
#content#page_home{top:75px}
您需要更改函数，该函数会自动更改内容位置

$(window).resize(function (){
    if (content)
        content.stop().animate(
           {'top':(windowH()-content.height())*.5},
           500,'easeOutCubic');
});

在scripts.js中

现在，它是垂直居中的，请尝试计算一个较低的值（最简单的方法可能是将.5改为.2）
无论如何，小心不要在小窗口中使用过大的大小
在稍微修改一下主页图像位置后，此修复似乎效果最好！谢谢！