如何在列表组中使用 height: 100% 的CSS样式

如以下代码:
<div class="container">
<ul class="list-group temp01">
<li class="list-group-item temp02">
<div class="row">
<div class="col-md-8 temp11">
<ul class="list-group temp12">
<li class="list-group-item"></li>
<li class="list-group-item"></li>
</ul>
</div>
<div class="col-md-4 temp21">
<ul class="list-group temp22">
<li class="list-group-item temp23"></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
我已经将 ".temp23" 的css样式设置为height: 100%; 但是没有效果, 它的高度无法填充满父元素(temp21)的高度, 请问有何解决方法? 谢谢!