如何创建一个固定的 div 和第二个可滚动的？ [关闭]

Question

我是 UI 新手， 使用 Bootstrap4 在 HTML 中创建一个博客布局，我正在关注这个布局...“已删除”，如何创建第一个 div 固定和第二个可滚动，然后创建一个全宽横幅等等。

Answer 1

在此处发布问题之前，您需要先尝试一下，如果遇到困难，您可以在此处发布问题以获得答案。

第一步： 您需要学习 HTML 和 CSS 的基础知识。 (https://www.w3schools.com/html/html_css.asp)

要使一个部分 FIXED，您需要使用 CSS 中的 POSITION 属性。 (https://www.w3schools.com/css/css_positioning.asp)

我想这些已经足够你开始了。 学习愉快！

Answer 2

div class="container-fluid">
    <div class="w-100 bg-dark" style="height: 50px;">
    </div>
    <div class="row" >
        <div class="col-6 bg-primary" style="height: 50vh;">
            <div class="position-fixed bg-danger">

            </div>
        </div>
        <div class="col-6 bg-secondary " style="height: 100vh;">

        </div>
    </div>
</div>

不要忘记输入高度和宽度 /// 其他，我认为更好的方法：

<div class="container-fluid">
<div class="row">
    <aside class="col-2 px-0 fixed-top bg-danger">

    </aside>

    <main class="col offset-2 h-100">

    </main>
</div>