Html 带侧边栏的Bootstrap 3流体布局可防止垂直滚动

我正试图设计一个带有引导程序3的页面，该页面的左侧有主要信息，然后在右侧有一个小的侧栏，与主要信息相关的其他链接和图形将显示在该页面上：

问题是，如果我在主体上使用容器流体（第55行），即使侧栏需要，垂直滚动也会消失。如果我将容器流体更改为容器，一切都会正常工作，但主体与侧栏重叠。给我的印象是流畅的布局正是我想要的

---

有人知道为什么这会干扰滚动吗？我是否采取了错误的方法，让边栏div独立于页面内容div？

在Skelly的帮助下工作

<div id="page-content-wrapper">
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-4" id="right">
                        <div class="panel panel-default ">
                            <div class="panel-heading">
                                <h3 class="panel-title">Shortcuts</h3>
                            </div>
                            <!--User details -->
                            <div class="panel-body">
                                <li><a href="#/milestones">Milestones --»</a></li>
                                <li><a href="#/appversions">Versions --»</a></li>
                                <li><a href="#/reportcsv">CSV Report --»</a></li>
                            </div>
                        </div>
                </div>
                <div class="col-sm-8" id="left">
                    <!--All apps -->
                    <div class="panel panel-default" ng-init="">
                        <!-- Default panel contents -->
                        <div class="panel-heading clearfix">
                            <b>Your Applications</b>
                         </div>
                        <div class="panel-body">
                            <table-here></table-here>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

捷径



你的申请

请参见此独立滚动列示例：@Skelly感谢您的示例！经过一些调整，我已经让它完美地工作了。非常感谢。