javascript - 容器 div 没有扩展到全高

Question

我遇到了一个问题，我的容器 div 没有完全展开。内部超大屏幕 div 与它重叠。

橙色是我的超大屏幕，绿色是我的容器。我需要将超大屏幕留在容器内。

这是 HTML:

<div class="container">
    <div class="page-header">
        <img src="../../images/logoonly.png" class="img-responsive" alt="Cinque Terre"
             class="img-responsive center-block">
    </div>
    <div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation">
        <div class="container-fluid">
            <div class="navbar-header"><a class="navbar-brand" href="#"></a>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder">
                    <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
                        class="icon-bar"></span><span class="icon-bar"></span>
                </button>
            </div>
            <!-- Navbar here-->
        </div>
    </div>

    <!--Below code loops through the database and displays the result -->
    <?php
    if ($result = $db->query("SELECT * FROM userinformation WHERE username = '" . $_SESSION['username'] . "'")) {`enter code here`
        if ($count = $result->num_rows) {
            while ($row = $result->fetch_object()) {
                ?>
                <div class="jumbotron container-fluid">

                <!--Stuff here -->

                <?php
            }
            $result->free();
        }
    }
    ?>

Answer 1

尝试将以下内容添加到您的容器 css

overflow: auto;