css - angularJS 中的 ng-view 高度问题？

Question

我正在使用 ng-view，以显示基于 routeProvider 的 View 。在我的应用程序中，ng-view 是这样添加的

<div ng-view  style="height: 100%; background:#000000;"></div>.

在我的一个 View 中，有一个左侧导航，它应该在浏览器中以 100% 的高度显示。出于某种原因，左 View 导航高度仅基于数据创建。也就是说，如果数据更多，高度就会增加。

我不太清楚，为什么我设置了hieght=100%，高度没有增加，这里是Left navigation的代码

<div class="options1"> 



 <div class="options"> 
         <a ng-repeat="name in list" >{{name.name}}</a>
    </div>

</div >

.options {
    background:#FFFFFF;

    min-height: 190px;

    width:10em;

    height:100%;

    border: 1px solid red;

    color:#FFFFFF;

}

.options1 {
    min-height:100%; 

    background:red;

    width:15em;


}`

Answer 1

我成功了，这是一个 CSS 问题。我已将其添加到 CSS 中，

html, body { 高度: 100%;宽度:100%； margin :0； }.

这里是更多细节的链接

Css height in percent not working