0
私はこれを理解できないようです。私はヘッダー、サイドバー、サブヘッダー、およびコンテンツ付き角型アプリを持っています。コンテンツは自動的に拡大しますが、サイドバーがコンテンツよりも長い場合は、ラッパーコンテナは展開されません。私は高さの自動/ 100％の組み合わせを試して、私は両方を使用してみましたが、何も起こっていません。CSSによるUIビューレイアウトの問題Angular
index.htmlを
<body>
<!-- Main HTML gets injected here -->
<ui-view id="ng_view"></ui-view>
</body>
main.htmlを
<div id="wrapper">
<tp-header></tp-header>
<tp-sidebar></tp-sidebar>
<tp-subheader></tp-subheader>
<!-- container with class="form" gets injected here -->
<ui-view id="ng_subview"></ui-view>
</div>
CSS
html {
height: 100vh;
}
body {
height: 100%;
}
#wrapper {
height: auto;
//min-height: 100%;
width: 1367px;
margin: auto;
position: relative;
//overflow: hidden;
}
#ng_view { height: 100%; }
#ng_subview { display: block; height: 100%; }
/* The style inside the sidebar */
.sidebar {
width: 343px;
float: left;
height: 100%;
position: absolute;
}
/* .form gets injected into ng_subview */
.form {
margin: 0px auto;
width: 1024px;
height: 100%;
display: block;
}
それが成長したときにサイドバーがNG-ビューおよび/またはラッパーのdivをプッシュダウンしません。 。 私はこれに助けが必要です。前もって感謝します！