Css 引导列调整为较短的列

使用引导，我有一行和两列。第一个包含图像，第二个包含文本。我正试图在图像高度处切掉文本。在没有JavaScript和固定高度的情况下，这是可能的吗

谢谢你的帮助

.row{
边距：1rem0 0 1rem！重要；
最大宽度：20雷姆；
}
div>div{
边框：1px纯红；
}
上校5{
填充：0！重要；
}
上校7{
溢出y：隐藏；
/*如何使此栏与前一栏一样高*/
}

这是一些测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。

您可以在文本列上使用内部div，并使用

位置：绝对值

。然后在列和内部div上设置溢出自动

<div class="container-fluid">
    <div class="row">
        <div class="col-5">
            <img src="https://booklers.net/images/userImages/Doidel/bookImages/4/thumb.jpg" class="img-fluid">
        </div>
        <div class="col-7 overflow-auto">
            <div class="scroll">
                This is some test text. This is some more test text. This is some more test text. This is some more test text. This is some more test text. This is some more test text. This is some more test text. This is some more test text. This is some more test text....
            </div>
        </div>
    </div>
</div>

.scroll {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

这是一些测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。这是更多的测试文本。。。。
.卷轴{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
}

---

演示：

您需要定义一个固定的

高度

，否则没有参考点来确定什么是“溢出”内容啊，很遗憾。谢谢你的回答。你介意将此作为答案发布，这样我就可以接受了吗？你想让文本列滚动吗？嗯，没关系，但这不是必需的。也许我会把它隐藏起来，点击显示全文，但为了这个演示，这真的不重要。哦，玩得好，女士，这正是我所希望的！谢谢！你介意添加css吗？也滚动到你的答案？供日后参考：）