0

routeProviderに基づいてビューを表示するために、ng-viewを使用しています。私のアプリケーションでは、このように ng-view が追加されました

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

私のビューの 1 つに、ブラウザーで 100% の高さで表示される左のナビゲーションがあります。何らかの理由で、レフト ビュー ナビゲーションの高さはデータのみに基づいて作成されます。つまり、データが多い場合、高さが増加します。

ここに画像の説明を入力

高さ= 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 に答える