左边的边框总是从容器中填充空白区域

Question

如果我拥有的项li的数量超过div容器的高度，我的代码就可以了。但是，如果我只有一个项目，则边框不会填充空白区域。

下图说明了该问题

正如您所看到的，我使用插件来处理滚动条，名为perfectScroll。

我的代码非常简单，您可以在JSFiddle中看到问题。

<!-- This div has a 200px height fixed -->
<div class="col-md-5">
   <ul>
      <li>Text 1</li>
   </ul>
</div>

Answer 1

然后尝试这个：

ul
{
    margin-left: 0px;
    border-left: 1px solid #44A4E3;
    padding-left: 15px;
    min-height: 100%;
}

Answer 2

working fiddle

将ul高度作为其父div

ul
 {
  margin-left: 0px;
  border-left: 1px solid #44A4E3;
  padding-left: 15px;
  min-height:100%; //ADD THIS
 }