Question

我有以下代码，我希望div1在div2以上。我试图用css做到这一点，如下所示，但我做不到，div彼此相邻。由于我两个人都import HTML table_data = [ ['Last name', 'First name', 'Age'], ['Smith', 'John', 30], ['Carpenter', 'Jack', 47], ['Johnson', 'Paul', 62], ] htmlcode = HTML.table(table_data) print htmlcode和width:100%;都很充实，难道他们不应该彼此低吗？

我还读过float:right;，它应该可以解决问题，但不能！

对此有何想法？

谢谢

编辑： 我正在使用Bootstrap 4.0.0。

clear:both;

CSS：

<body>
    <header>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light top">
                <img src="images.png" alt="image" class="imageClass">
                <div class="div1 ">
                    <a href="#" id="id1">somthinghere</a>
                    <a href="#" class="active">link</a>
                    <a href="#" class="">link2</a>
                </div>
                <div class="collapse navbar-collapse div2" id="navbarsExampleDefault">
                    <ul class="navbar-nav ml-lg">
                        <li class="nav-item">
                            <a class="nav-link" href="#">link1</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">link11</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">link111</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">link1111</a>
                        </li>
                    </ul>                       
                </div>
            </nav>
        </div>
    </header>
</body>

Answer 1

结合使用.row的div和.col

演示：http://jsfiddle.net/dx5nL1hy/2/

bootstrap navbar 2 divs一个在另一个下面

1 个答案: