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

Question

我的angular2应用程序中我的侧边栏长度有问题。我有一个导航组件，其中包括顶部导航html和侧边栏导航html。当应用程序加载侧边栏时很好。如果我路由到其他组件，侧边栏会变短或变长，具体取决于组件长度。我想修复侧边栏的高度。请参阅图片以了解我想说的内容。主题模板取自here。

图1 - 应用程序加载时

图2-导航到其他组件时

图3 - 它变得更短

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？根据你的需要，我会建议这些内容：

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

同样，就造型而言，没有太多背景，但我希望这会有所帮助！

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

Answer 2

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

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