【发布时间】：2022-10-28 18:06:26
【问题描述】：
使用静态 HTML，我可以将 height: 100% 放在 html 元素上。我在 stackoverflow 上阅读了一堆类似的问题，这些问题谈论使用 vh 和 min-height 等。我无法得到任何工作。
这是我想要的工作静态页面： https://stackblitz.com/edit/web-platform-esqhkb?file=index.html
当我将同一页面放在 Angular 中时，内容在页眉和页脚之间被粉碎：
https://stackblitz.com/edit/angular-fegvvw?file=src/app/app.component.html
如何让我的 Angular 布局与该静态布局相匹配？
【问题讨论】：
-
必须弄清楚你的容器是什么，并给它一个高度 100% 的高度才能工作。可以用很多东西来做到这一点，包括 vh、绝对位置和插入 0。
-
不使用高度：100% 否则高度：100vh。如果你想要 3 行，100% 高度布局，看看这个SO
标签： html css angular twitter-bootstrap