边栏高度因内容长度而异

Question

我在我的angular2应用程序中的边栏长度存在问题。我有一个导航组件，其中包括顶部导航HTML和侧边栏导航HTML。当应用程序加载侧边栏很好。如果我路由到其他组件，根据组件长度的不同，边栏会变短或变长。我想修复边栏的高度。请看图片以了解我想说的话。主题模板取自here。

图1 - 当当导航到其他部件

图

3应用程序加载

图2- - 它变得更短

loggedIn.component.html

<div class="wrapper"> 
    <bmis-navigation></bmis-navigation> 
    <router-outlet></router-outlet> 
</div> 

navigation.component.html
html是here css文件链接如下。 1- Admin.css 2- red.css

Answer 1

没有CSS，所以很难诊断出这个问题。话虽如此，基于提供的代码，我猜你的问题在于此，而不仅仅是DOM本身。

你有没有给设置min-height或类似的解决方案？我建议，根据您的需要，东西沿着这些线路：

.main-sidebar { 
    min-height: ~"calc(100vh - @navigation-height)"; 
} 

同样，没有太多的情况下尽可能的造型，但我希望这有助于！

P.S.我很抱歉，如果我的LESS语法完全关闭，我相信你正在使用它，但我没有练习。

Answer 2

我没有使用Angular或您正在使用的经验。

但我认为为您的侧边栏设置最小高度可以解决问题。