html - Firefox 显示 不正确 - HTML/CSS

Question

我不太确定如何用这个标题来表达它，因为它是一个相当晦涩的问题。

基本上如果你去http://www.discovertheplanet.net单击 3 个框之一，如果您使用的是 Firefox，您将看到该问题。如果您在 IE 或 Chrome 上查看，左侧的菜单位于正确的位置，但在 Firefox 上，它从页面下方开始。

我查看了控制台，发现有一些 CSS 错误涉及 bootstrap.css。我一直在 Bootstrap 网站上查看 firefox 的已知问题，但没有任何相关内容。

我的主要 HTML 位于菜单所在的位置:

<!-- Main Body Area -->

<div class="main-container-notes">
    <div id="left-box">
        <?php 

        echo "<div style='width: 100%; display: table;'>";

        while( $noteName = sqlsrv_fetch_array( $resultNotes, SQLSRV_FETCH_ASSOC)) 
        {
            echo "<div class='hvr-bounce-to-right1 hover-cursor' style='width: 100%; border-right: 5px solid #00AA88; height: 50px;'>" . $noteName['NoteName'] . "</div>";
        }

        echo "</div>";
        ?>
    </div>
    <div id="right-box">

    </div>
</div>

<!-- End Main Body Area -->

我刚刚在这里包含了我的整个 CSS 文件，这样您就可以看到所有的类

Animations 有一个和一个 General Styles

就像我说的那样，它相当晦涩，我不确定您需要什么额外信息，

请问，我可以为您提供。

所以我问，为什么这只发生在 Firefox 中？

Answer 1

.main-container-notes 高度导致了这个尝试删除它