Html 如何在Bootstrap4网格的顶部制作全高div（从容器边缘的右侧滑出）

我正在学习Bootstrap4

我想要一个div定位在网格的顶部（下面的内容），都在网格的右侧（不是屏幕），200px宽，覆盖100%高，固定

我已经尝试了几种使用标记和CSS的解决方案，但我只能将其放置在用户屏幕的右侧

额外信息：下一步，我想使用jQuery使它滑入滑出，但我想我自己可以解决这个问题。但让我头疼的是姿势

目前，我正在试验一个完整的基本引导网格：

<div class="container">
  <div class="row">
    <div class="col-12">
      Header row
    </div>
   <div class="col-12">
      Middle row
    </div>
   <div class="col-12">
      Bottom row
    </div>
  </div>
</div>

标题行
中排
底层

下面是一个线框，进一步解释我试图实现的目标。

---

您需要绝对定位要放在容器顶部的div。当制作div位置

绝对时

还需要相对定位父对象。你应该更好地理解

因此，只需在容器中添加div，并使其位置为绝对位置。在Bootstrap4中，您可以通过添加一个名为

positionabsolute

的类来实现这一点。另外，要使div不根据主体定位自身，请向

容器

div添加一个

相对位置

类

。侧栏{
身高：100%；
宽度：200px；
z指数：2；
右：0；
排名：0；
}

一边
标题行
中排
底层

Hi，欢迎来到StackOverflow。很难对你的问题给出一个具体的答案，因为我不是100%确定你在问什么，也许你可以提供一个线框或一个例子。嗨！也许这能更好地解释。如果没有，请让我知道：-）编辑-新链接：