Css 当左侧导航柱固定在顶部时，如何消除右侧立柱顶部的间隙？

这是我第一次使用引导。当用户经过一个小的顶部横幅时，在左侧col-sm-3导航从

粘贴顶部

更改为

粘贴

之前，我的col-sm-9列顶部总是存在一个很大的间隙

我认为我添加的css和js的所有特性都造成了这个奇怪的问题。页面有一个顶部导航条，当顶部横幅移出屏幕时（当用户向下移动页面时），该导航条也会贴在顶部。最后，在导航左侧有一个滚动间谍

我有引导版本3.2.0。你可以

... 

这是顶部有间隙的部分！
...

无论我做了什么尝试，我都无法摆脱col-sm-9上的缺口。有人能帮我吗

更新：

根据您最初的回答，请注意，我希望leftsidenav保持在左侧，而rightcontent保持在右侧，即使在用户向下滚动之后也是如此。我添加边距和宽度的原因是为了防止在向下滚动后leftsidenav完全被rightcontent覆盖

---

基本上，您必须检查向下滚动。这是。然后与之相比的是

从rightcontent div中删除左边距，并为右边和左边的内容添加float属性，如下所示

#leftsidenav {
width:180px;
float:left
}
#rightcontent {
background-color: orange;
float:left;
}

---

您的css存在一些干扰布局的问题

这包括以下更新

从内容/nav div中删除宽度和边距：

#leftsidenav {
    /*width:180px;  <-- deleted */
}

#rightcontent {
    background-color: orange;
    /*margin-left: 200px; <-- deleted */
}

<div class="col-sm-3 col-xs-3 col-lg-3" id="leftsidenav">

<div class="col-sm-9 col-xs-9 col-lg-9" id="rightcontent">

#leftsidenav{
/*宽度：180px；谢谢，但向下滚动后此项不起作用，请检查我的问题更新中的小提琴。谢谢，但向下滚动后此项不起作用，请检查我的问题更新中的小提琴。删除jquery代码（仅适用于leftnav代码）从演示链接。不确定您使用该链接的目的。它会起作用。您在寻找吗？
<div class="col-sm-3 col-xs-3 col-lg-3" id="leftsidenav">

<div class="col-sm-9 col-xs-9 col-lg-9" id="rightcontent">