php - 将鼠标悬停在 链接上时，网站会随机更改悬停背景大小

Question

在我的网站上工作时，我决定合并 PHP 只是为了玩玩。我想我是在托管(某种程度上)为此付费，所以不妨使用它。我遇到的问题是，当我将鼠标悬停在我制作的导航栏中的链接上时，我正在使用的悬停“装饰”会更改悬停背景高度。问题是，它在每一页上都这样做，但并非总是如此。似乎是随机的。出于某种原因，它似乎在我的关于页面上做得更多，但我已经看到它在其他人身上这样做了。我没有对其他人进行任何更改以使其停止，也没有对即将开始进行任何更改。

有问题的网站http://www.journeytomyoasis.com

由于我还不能发布图片，这里有一个截图链接

_{(来源:journeytomyoasis.com)}

关于页面顶部的代码

<?php $page_title = "About | Journey to my Oasis"; ?>

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=15681725508";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<?php include("includes/header.php");?>
<?php include("includes/navigation.php");?>

navigation.php 中的代码

<!-- Begin Navigation -->
<nav>
    <div id="nav_container">
        <div id="menu"> 
            <a href="http://www.journeytomyoasis.com/about.php">ABOUT</a>  
            <a href="http://www.journeytomyoasis.com/blog">BLOG</a> 
            <a href="http://www.journeytomyoasis.com/portfolio.php">PORTFOLIO</a>
            <a href="http://www.journeytomyoasis.com/blog/journey/">JOURNEY</a>
            <a href="https://web.archive.org/web/20161001170100/http://journeytomyoasis.com/">HOME</a> 
        </div>
    </div>
</nav>
<!--END Navigation-->

在关于页面的顶部，我包含了我正在使用的 Facebook 代码，以便你们都知道它就在那里，以防你们都认为它就是它。我已经写了很多代码，但我看不到错误。事实上，它是所有页面上使用的同一个 php 文件，而且每个页面都至少出现过一次问题，但并不总是让我感到困惑。

我已经在 Firefox 和 IE 10 上测试过

谢谢大家

Answer 1

查看 structure.css 的第 110 行:

#menu a:hover {
    background: #c2d4ec;
    height: 41;
    color: white;
}

悬停时，您明确将菜单项的高度设置为 41px(如果您未指定单位，浏览器通常会采用像素，但从技术上讲这是不允许的)。删除它，它们不会改变大小。