Html 创建具有稳定大小但可滚动文本的

我已经在论坛上搜索过了，但是我没有找到解决问题的方法。我想创建两个具有稳定高度和内部滚动的div。但是，当我在其中一个文本中添加一些文本时，高度也随之增加。我想要的是，主体仍然是窃取的，只是div中的内容是可滚动的，我希望最终结果与下图中的一样，但它也应该是响应的

实际上，我的html是：

 <div id="bodyapp"  class="container-fluid">
    <div class="row">
        <div class="col-md-9 no-float">
            <div class="box content">
                Content
            </div>
        </div>
        <div class="col-md no-float">
            <div class="box">Navigation</div>
        </div>
    </div>
</div>

---

谢谢

以下是一个工作示例：

基本上，您希望在包含本例中文本的

上设置一个显式高度

您还应将其添加到以下CSS声明中：

#bodyapp .row .no-float {
    overflow: scroll;
}

---

您可以使用css的溢出属性，也可以设置固定高度，并尝试解决设置高度和溢出问题。通常，溢出：自动是首选，除非您想要一个灰色的滚动条，然后溢出：滚动。如果要为垂直和水平滚动条指定不同的值，请使用overflow-x和overflow-yi。我已经尝试在.content类中添加height和overflow属性，但没有任何更改。与该解决方案最接近的是将overflow属性添加到.row类中。不过，在这种情况下，该网站并没有在sm屏幕上运行，非常感谢。这个问题快把我逼疯了！

#bodyapp .row .no-float {
    overflow: scroll;
}