容器 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;

Answer 2

100% 高度設置僅影響position為absolute或fixed元素。 由於您的“容器”DIV 似乎是包含其他所有內容的 DIV，因此“絕對”可能是有意義的，加上overflow: visible對於內容高於屏幕/窗口的情況overflow: visible - 然后它將滾動，並仍然顯示其背景