使列与列旁边的div高度相同

Question

我有以下html代码。

<div class="panel" style="background-color: #e6e6e6">
        <div class="col-sm-9">
            <video id="currentVideo" src="{{currentVideo.Source}}" width="100%" height="auto" controls style="margin: 5px">
                Your browser does not support the video tag.
            </video>
        </div>
        <div class="col-sm-3" style="overflow-y: scroll;">
            <div ng-repeat="video in videoHelpFiles" style="margin: 5px">
                <button class="btn btn-primary" ng-click="showVideo(video)" style="width: 100%; white-space: normal; padding: 5%">
                    <h4 style="text-align:center; margin: 4px 0px;"> {{video.Title}} </h4>
                </button>
            </div>
        </div>
    </div>

这里也有一些样式，我最终希望移动，但要留在这里直到我得到想要的样式为止。基本上我要做的就是让col-sm-3 div的高度与sol-sm-9高度相同，并且希望col-sm-3 div中的按钮使用100％的div高度，重新尝试。我尝试使用height ='100％'以及类似的方法，但没有运气。任何帮助将不胜感激。