0

我正在使用 ng-view 来显示基于 routeProvider 的视图。在我的应用程序中，ng-view 像这样添加

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

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

在此处输入图像描述

我不确定，为什么即使我设置 hieght=100% 高度也没有增加，这里是左导航的代码

<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;


}`
4

4 回答 4

4

我得到它的工作，这是一个CSS问题。我已将其添加到 CSS 中，

html, 身体 { 高度：100%; 宽度：100%；边距：0；}。

这是更多详细信息的链接

以百分比表示的 CSS 高度不起作用

于 2013-04-29T18:43:17.170 回答
3

使用视口高度，绝对是

style="height: 100vh;"
于 2017-03-22T14:31:28.987 回答
2

这不是 angularJS 问题，但很可能是 CSS 样式问题。如果是这样，那么您需要对其进行调查-您的问题中没有太多信息可以继续，但是 div 延伸到其 parent 的100% ，因此您需要确保正在发生这种情况。另外，定位也很重要。

如果是这种情况，则无需复制答案 - 看看这个其他 SO 答案是否有帮助。

于 2013-04-29T18:12:23.877 回答
0

我认为CSS：

.ng-scope{
    height: 100% !important;
}

在我的电脑上可以正常使用，仅供参考

于 2016-12-27T02:26:04.243 回答