Css 上层阶级不工作。Bootstrap-4

我有一行包含两列。我想在左边的列是固定的滚动，只有右边的列应该滚动。我不想使用position fixed，因为它将列从文档流中删除

我遇到过bootstrap类sticky top，它在我的情况下不起作用

我参考了其他答案和这个答案，但我不认为任何列（我希望固定的列）的父级设置了溢出属性。

这是我的代码

<div class="row mb-4">
        <div class="col-3 sticky-top">

            <div class="row mb-4">
                <div class="col-12 mb-5">
                    <div class="border border-secondary px-3 py-2">
                        <input type="number" class="form-control mb-3" placeholder="Enter Deal ID Here">
                        <button class="btn btn-primary rounded-0 w-100">Lookup Deal</button>
                    </div>
                </div>
                <div class="col-12 mb-5">
                    <div class="border border-secondary px-3 py-2">
                        <input type="text" class="form-control mb-3" placeholder="Enter EU Name Here">
                        <input type="text" class="form-control mb-3" placeholder="Enter Partner Name Here">
                        <button class="btn btn-primary rounded-0 w-100">Add Revenue</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="phsc_data" class="col-9 table-active">
            <!--BASE REBATES-->
            <div class="row">
                <table class="table table-light table-hover">
                    <caption class="font-weight-bold pl-2">Base Rebates</caption>
                    <thead class="">
                    <tr>
                        <th scope="col">LOB</th>
                        <th scope="col">Product Name</th>
                        <th scope="col">Product Category</th>
                        <th scope="col">Revenue</th>
                        <th scope="col">Rebate</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>CSG</td>
                        <td>
                            <select class="form-control" name="" id="">
                                <option value="">ABC</option>
                                <option value="">DEF</option>
                            </select>
                        </td>
                        <td>Client A</td>
                        <td><input class="form-control" type="number" value="12345"></td>
                        <td>185</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

查找交易
增加收入
基本折扣
高球
品名
产品类别
收入
回扣
CSG
基础知识
DEF
客户A
185

使用占位符div，这样粘性行为就不会偏移正常div，怎么样

您必须使用

position:fixed

作为下面代码片段中共享的粘性行为：

查找交易
增加收入

什么是Lorem Ipsum？Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一个字体
样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行，等等
最近，Aldus PageMaker等桌面发布软件包括Lorem Ipsum版本。


我们为什么要用它？读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实。使用Lorem Ipsum的意义在于，与使用
“这里的内容，这里的内容”，使它看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认的模型文本，搜索“Lorem Ipsum”将发现许多仍在使用中的网站
婴儿期多年来，各种版本不断演变，有时出于偶然，有时出于故意（注入幽默等）。


它来自哪里？与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。理查德·麦克林托克，汉普顿悉尼学院拉丁语教授
在维吉尼亚州，从《洛伦·伊普苏姆》的一段文字中查找了一个更为晦涩的拉丁语单词，即“concertetur”，并查阅了古典文学中对该词的引用，发现了无可置疑的来源。Lorem Ipsum来自第1.10.32节和
西塞罗于公元前45年所著《德菲尼布斯·博诺鲁姆和马洛鲁姆》（善与恶的极端）的第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行，“Lorem Ipsum dolor sit
amet..”来自第1.10.32节中的一行。


以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制，并附有英文版本
来自H.Rackham 1914年的翻译。


我在哪里可以买到？《洛雷姆·伊普苏姆》中有很多不同的段落，但大多数都经历了某种形式的变化，比如注入幽默，或者随机的词语，这些词语看起来甚至一点都不可信。如果你打算使用
LROM乱数假文，你需要确保在文本中间没有任何隐藏的尴尬。互联网上的所有Lorem Ipsum生成器都倾向于在必要时重复预定义的块，这使得它成为互联网上第一个真正的生成器
互联网它使用了一本包含200多个拉丁单词的字典，并结合了一些典型的句子结构，生成了看起来合理的Lorem Ipsum。因此，产生的知识总是没有重复，没有注入幽默，
或非特征词等。


什么是Lorem Ipsum？Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一个字体
样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行，等等
最近与桌面p