Question

我遇到的问题是我的容器div没有完全扩展。内部的jumbotron div与它重叠。

橙色是我的jumbotron，而绿色是我的容器。我需要将jumbotron留在容器内。

这是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();
        }
    }
    ?>

以下是完整档案的链接：

我知道在这里发布代码是最好的，但我觉得有很多代码可以这样做：https://gist.github.com/adhorrig/efd9a524993c5f3149fd

Answer 1

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

overflow: auto;

Answer 2

100％高度设置仅影响For Each RAL In File.ReadAllLines(TempPath & "EAB\EAB.txt") Directory.CreateDirectory(startPath & "\Test\" & RAL & "\") Next为position或absolute的元素。由于你的“容器”DIV似乎是包含其他所有东西的DIV，“绝对”可能对此有意义，加上fixed对于内容高于屏幕/窗口的情况 - 然后它会滚动，仍然显示其背景

集装箱div没有扩展到全高

2 个答案: