为了账号安全,请及时绑定邮箱和手机立即绑定

如何创建一个固定的div和第二个可滚动的div?

如何创建一个固定的div和第二个可滚动的div?

慕容3067478 2023-08-29 18:12:19
我是 UI 新手,使用 Bootstrap4 在 HTML 中创建一个博客布局,我正在遵循此布局...“已删除”,如何创建第一个 div 固定和第二个可滚动,然后创建一个全宽横幅等等。
查看完整描述

1 回答

?
摇曳的蔷薇

TA贡献1793条经验 获得超6个赞

在此处发布问题之前,您需要先尝试一些操作,然后如果您遇到困难,可以在此处发布问题以获得答案。

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

要使某个部分固定,您需要使用 CSS 中的 POSITION 属性。(https://www.w3schools.com/css/css_positioning.asp

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


查看完整回答
反对 回复 2023-08-29
?
吃鸡游戏

TA贡献1829条经验 获得超7个赞

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>


查看完整回答
反对 回复 2023-08-29
  • 1 回答
  • 0 关注
  • 82 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信