缩小 Div 之间的差距答案

【问题标题】：Closing Gap Between Divs缩小 Div 之间的差距
【发布时间】：2013-01-20 03:51:50
【问题描述】：

这是我新美食节的测试地点：

http://aksarbenribfest.bugs3.com/public_html/#!/page_home

我设法将首页上的卡通徽标移到更靠近每个页面顶部的菜单箭头的位置，但无法让其余页面“向上移动”页面。

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

由于我正在修改模板，因此非常感谢任何其他帮助和提示 - 在我深入探讨之前！

【问题讨论】：

标签： css positioning

【解决方案1】：

如果我更改 content 部分的 top 样式，我认为这可以实现您的目标：

(Full size)

【讨论】：

【解决方案2】：

问题在于这一行的内联样式：

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

只需将顶部值更改为更小的值。

【讨论】：

【解决方案3】：

你有一个部分元素上的 CSS，例如：

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

尝试将其减小到大约 100 像素。

【讨论】：

【解决方案4】：

从#content > ul > li 删除top: 75px 然后添加#content #page_home { top: 75px }

【讨论】：

在修改主页图片位置后，这个修复似乎效果最好！谢谢！ aksarbenribfest.bugs3.com/public_html/#!/page_brews

【解决方案5】：

你需要改变动态改变内容位置的功能

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

在你的 scripts.js 中

现在，它是垂直居中的，尝试计算一个较低的值（可能是最简单的方法是将 .5 更改为 .2 无论如何，小心不要在小窗口尺寸上过大

【讨论】：