Javascript JS词缀的意外行为-如何强制div列保持固定宽度？

我试图使用JS词缀来保持边栏栏中的两个块在页面上保持固定

滚动时，侧边栏的宽度稍微扩展，扩展部分与主体列重叠

我已经尝试过手动设置div宽度和使用百分比，但我所做的所有更改最终都有相同的行为

以下是相关代码：

<div class="menu block tile-default" id=sidebarmenu" data-spy="affix" data-offset-top="195" data-offset-bottom="300" style="border:0px;">
                <img src="/img/sidebar-top.png" class="img-responsive" alt="sidebar image">
                <div class="pad">
                    <ul class="nav nav-pills nav-stacked">
                        @include('partials/menu')
                    </ul>
                </div>
                <div style="background-color: white; height: 10px; border:0px"></div>
                <div class="pad" style="border: 4px solid orange; background-color: #1d6899; color: ghostwhite">
                    <a href="https://zoom.us/webinar/register/Pt9LgDTBR828OXIHOfTLPQ" class="thumbnail" target="_blank">
                        <img class = "img-responsive" src="/img/img.png" alt="...">
                        <div class="caption">
                            <h5 class="text-center">Some Caption</h5>
                        </div>
                    </a>
                </div>
            </div>

---

如果删除
.affix{position:fixed}
则奇怪的宽度添加消失。我是否正确理解，当用户在页面内容中进一步滚动而侧边栏没有剩余内容时，您希望侧边栏保持固定？您好，不同页面的主要内容会有所不同。因此，在需要大量滚动的页面上，左侧边栏保持固定是理想的行为。我只是搜索了整个网站目录，没有看到。将{position:fixed}粘贴到任何地方。我在我的sass文件中看到的对，affix的唯一引用是#sidebarmenu.affix-bottom{position:absolute；}好的，在引导sass下找到了它。但是当我删除.affix{position:fixed}行时，affix的功能停止工作。也就是说，侧边栏保持在顶部，滚动时不在视图中。太好了，我将查看该部分，明天将尝试回答您是否删除
。粘贴{position:fixed}
奇怪的宽度添加消失了。我是否正确理解，当用户在页面内容中进一步滚动而侧边栏没有剩余内容时，您希望侧边栏保持固定？您好，不同页面的主要内容会有所不同。因此，在需要大量滚动的页面上，左侧边栏保持固定是理想的行为。我只是搜索了整个网站目录，没有看到。将{position:fixed}粘贴到任何地方。我在我的sass文件中看到的对，affix的唯一引用是#sidebarmenu.affix-bottom{position:absolute；}好的，在引导sass下找到了它。但是当我删除.affix{position:fixed}行时，affix的功能停止工作。也就是说，侧边栏停留在顶部，滚动时不会停留在视图中。太好了，我将研究这一部分，明天将尝试回答