Html 如果下面的内容高度低于500px，则我的标题会移动

我有一个多页面的网站，每个页面都使用相同的标题。Im php包括标题。在除一个页面外的所有页面上，页眉都位于同一位置，但是，只有一个页面的页眉向右移动约5px。我一直在对它进行故障排除，我发现如果我将div标记设置在它下面的最小高度500px，那么菜单就会移回原位。然而，一旦高度低于500px，它就会再次向右移动5px。我已经确定了我的问题，但我不知道是什么原因造成的，也不知道如何解决

我没有看到太多关于stackoverflow的帖子专门针对我的问题，但有几篇似乎相关，但没有一个答案适合我。第一个链接建议：

html {
overflow-y: scroll;
}

然而，这对我来说并不奏效

第二个链接涉及它发生在不同的浏览器上，然而，这发生在同一个浏览器上

我也读过，但它也没有为我的问题提供解决方案

这是我的基本代码结构。所有页面上的代码几乎相同，但每个页面标题下的内容量不同

<div class="body2">
<?php include('includes/header.php'); ?>
<div style="text-align: center;">
<a href="view-design-portfolio"><div>
<h2>Design</h2><br><img src="images/designheader.jpg">
</div></a>
<a href="construction-gallery"><div>
<h2>Construction Management</h2><br><img src="images/constructionheader.jpg">
</div></a>
<a href="home-staging-gallery"><div>
<h2>Home Staging</h2><br><img src="images/stagingheader.jpg">
</div></a>
</div>
<?php include('includes/footer.php'); ?>
</div>

以下是我的标题html：

<div class="header_wrap" style="margin-bottom: 40px;">
<div class="menu-wrap">
<nav class="menu">

<!---- Menu Options Here ----->

<ul class="gmenu" style="max-width: 1088px; width: 100%; margin-top: -5px; padding-left: 0px; margin-left: 55px; color: black;">
    <li class="menuli menui"><a href="index">HOME</a></li>
    <li class="menuli menui"><a href="design">DESIGN</a></li>
    <li class="menuli menui" style="padding-right: 44.33pox;"><a href="staging">STAGING</a></li>

    <li class="menuli logo"><a href="index"><img src="images/logo.png" style="max-width: 400px !important; width: 400px; margin-bottom: 24px;"></a>   </li>  

    <li class="menuli menui"><a href="gallery">GALLERY</a></li>    
    <li class="menuli menui"><a href="shop">SHOP</a></li>
    <li class="menuli menui" style="padding-right: 0px !important;"><a href="blog">BLOG</a></li>
</ul>
</nav>
</div>
</div>

我想知道是什么导致了这个问题，以及我如何着手解决这个问题

以下是该网站的链接：

---

有问题的特定页面是shop页面。

与网站上的其他页面相比，我看不到shop页面的标题有任何变化。它非常小。我不得不把一张薄薄的纸，纸的边缘放在徽标顶部的边缘上才能看到它。这真的不足以打扰我，但是，足以打扰我的客户@Spencerryry做我所做的，检查标题周围的源代码，可能是一些孤立代码在标题的开头卡住了。帮了我很多次。它可能是php中的一个字符。

<div class="header_wrap" style="margin-bottom: 40px;">
<div class="menu-wrap">
<nav class="menu">

<!---- Menu Options Here ----->

<ul class="gmenu" style="max-width: 1088px; width: 100%; margin-top: -5px; padding-left: 0px; margin-left: 55px; color: black;">
    <li class="menuli menui"><a href="index">HOME</a></li>
    <li class="menuli menui"><a href="design">DESIGN</a></li>
    <li class="menuli menui" style="padding-right: 44.33pox;"><a href="staging">STAGING</a></li>

    <li class="menuli logo"><a href="index"><img src="images/logo.png" style="max-width: 400px !important; width: 400px; margin-bottom: 24px;"></a>   </li>  

    <li class="menuli menui"><a href="gallery">GALLERY</a></li>    
    <li class="menuli menui"><a href="shop">SHOP</a></li>
    <li class="menuli menui" style="padding-right: 0px !important;"><a href="blog">BLOG</a></li>
</ul>
</nav>
</div>
</div>