Bootstrap列具有单独的滚动条

Question

我的页面分为三个部分：左侧栏，内容栏和右侧栏

<div class="row">

            <div class="col-lg-1 sidebar-left">
                ...(html content)
            </div><!-- /.sidebar-left -->

            <div class="col-lg-9 col-md-10 col-lg-offset-1">
                ...(html content)
            </div><!-- /.col-md-9 -->

            <div class="col-md-2 sidebar sidebar-right">
                ...(html content)
            </div> <!-- /.sidebar-right --> 

</div><!-- /.row -->

当两个元素长于屏幕高度时会出现问题，并为每个元素创建单独的滚动条。有关如何使用单个滚动条创建页面的任何建议，无论元素的长度如何？

问题截图：

Answer 1

这是一个纯粹的CSS问题。左侧和右侧边栏都可以定义height。因此，当孩子的大小超过规定的高度时，父母的行为。如果有overflow: hidden，则隐藏超出部分，如果有overflow: scroll或overflow: auto则添加滚动以查看所有元素。

您需要从两个侧边栏中移除固定高度。