侧边栏高度随内容长度而变化。

Question

在我的angular2应用程序中，我的侧边栏长度有问题。我有一个导航组件，它包括顶部导航html和侧栏导航html。当应用程序加载时，侧边栏就可以了。如果我路由到其他组件，侧边栏将根据该组件的长度而变短或变长。我想修侧栏的高度。请看图片来理解我想说的话。主题模板取自这里。

图1-当应用程序加载

​

图2-当导航到其他组件时

​

图3-它变得更短

​

loggedIn.component.html

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

navigation.component.html

html是这里，下面链接css文件。1- Admin.css 2- red.css

Answer 1

没有CSS，所以很难诊断这个问题。话虽如此，基于代码，如果我猜您的问题就在那里，而不仅仅是DOM本身。

您是否给main-sidebar类设置了一个main-sidebar，或者类似的解决方案？根据你的需要，我建议采取以下措施：

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

再一次，没有太多的背景，就像造型，但我希望这有帮助！

抱歉，如果我的语法太少了，我相信你在用它，但我不练习了。

Answer 2

我对角质和你正在使用的东西没有经验。

但是我认为为你的侧边栏设定一个最小的高度可以解决这个问题。