我的 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
最佳答案
没有 CSS，所以很难诊断这个问题。话虽如此，根据提供的代码，我猜你的问题出在那里，而不是 DOM 本身。
您是否在 main-sidebar 类上设置了 min-height 或类似的解决方案？根据您的需要，我会建议您遵循以下原则:
.main-sidebar {
min-height: ~"calc(100vh - @navigation-height)";
}
同样，就样式而言，上下文不多，但我希望这对您有所帮助!
附言如果我的 LESS 语法完全关闭，我深表歉意，我相信你正在使用它，但我没有练习。
关于javascript - 侧边栏高度随内容长度变化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39505706/