我正在使用bootstrap来设计Web应用程序。我有两个主要的div，侧边栏div，其中span 2有position : fixed，右侧div是span 10.这些div根据bootstrap css文件有float : left属性，因为我正在使用row-fluid类。
所以我面临的问题是当窗口大小在某个限制之后减少时，用户能够滚动右div的内容并且与左div重叠。所以我想要隐藏在div上重叠的右div的内容（即左div，固定div，应该像右侧div的浏览器窗口的左墙）。
我尝试过使用overflow属性，并尝试更改div的z-index，但似乎没有什么工作在这里
jsfiddle link - 这是我重现问题的链接，如果你在结果区域向左滚动，你可以看到右div的内容与左div（导航列表）重叠，正如我给出的{{1到rightDiv。所以我想要的是，正确的div内容不应该与div重叠，它应该隐藏在后面
关于如何做到正确或有任何其他方法来实现相同的任何建议吗？