Html 引导列有单独的滚动条

我的页面结构分为三个部分：左侧边栏、内容和右侧边栏

<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 -->

…（html内容）
…（html内容）
…（html内容）

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

问题的屏幕截图：

---

这是一个纯粹的CSS问题。左右侧边栏都可能定义了

高度。因此，当子对象的大小超过定义的高度时，父对象将执行操作。如果有
溢出：隐藏
，则超出部分隐藏；如果有
溢出：滚动
或
溢出：自动
则添加滚动以查看所有元素

您需要从两个侧栏中删除固定高度。
我只在代码中看到html标记，没有jsf（除了include）。这是一个99.9%确定的非jsf问题。了解如何使用浏览器开发人员工具，并了解可以使用哪些CSS来更正此问题CSS应用于HTML而不是JSF。在这个问题的上下文中，JSF仅仅是一个HTML代码生成器。