各位，
好吧，我在这里向你们寻求技术帮助，以解决名为“Story”的 Wordpress 模板之一的问题。虽然这个主题在除了 UC Mini 和 Opera Mini 之外的大多数网络浏览器中没有这么大的问题，我知道只是因为这些浏览器不呈现大部分 CSS 和 JavaScript 代码。当我使用 Story 模板打开我的 Wordpress 驱动的网站时，它在导航和主要内容之间留出了很多空白。我尝试使用 Firefox 的检查器功能解决问题，发现有一行不断更改其参数，即 <div id="content" class="site-content"> .
有时会变成
<div id="content" class="site-content" style="margin-top: 121px;">和
<div id="content" class="site-content" style="margin-top: 441px;">等
margin-top 的值会自动改变。
请帮帮我!
最佳答案
在这个主题“Story”主题中，作者采用 Top Nav 的高度，然后将 50px 添加到其中，结果总数作为使用 JS 的内联 CSS 放置在内容 div 的顶部边距。
您可以更改它，请访问 functions.php 文件，在第 157 行您会看到以下行:
$('#content').css('margin-top', $('#masthead').height() + 50);
就是这样!您可以使用固定整数控制上边距，即 50 ，将其减少到 20 或 10 将非常适合窄上边距。或者您可以使用评论标签简单评论这一行，例如:
//$('#content').css('margin-top', $('#masthead').height() + 50);
然后以您想在 header.php html 标记中执行的简单方式应用上边距。
我相信这会解决您的问题。如果没有，请告诉我!
关于jquery - 如何删除导航和主要内容之间多余的空白？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33110299/