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

我有下面的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>

您的浏览器不支持视频标记。
{{video.Title}

---

这里也有一些款式，我想最终搬走，但要离开这里，直到我得到我想要的。基本上我想做的就是让col-sm-3分区的高度与sol-sm-9分区的高度相同，并且希望col-sm-3分区中的按钮使用其所在分区的100%高度。我曾经尝试过使用height='100%'和一些类似的东西，但没有成功。任何帮助都将不胜感激

听起来像是

display:flex

的工作。你使用的是引导程序吗？你使用的是什么版本的引导程序？@NiettheDarkAbsol也尝试过flex，但有些时候无法让它正常工作reason@j08691是的，我是