У меня угловое приложение с 3 вложенными компонентами:
Компонент приложения
Внутри компонента App есть вкладки Component
Внутри компонента вкладки у меня есть вкладки
Чтобы дать этим компонентам полную высоту экрана, мне нужно было перейти к каждому из стилей компонентов и присвоить ему height: inherit
или height: 100%
, в противном случае вложенный компонент не принимает полную высоту страница, хотя ее родитель имеет полную высоту.
Мой styles.scss
:
html, body{
height: 100vh;
margin: 0px;
}
app-root {
display: block;
height: 100%;
}
Какой правильный подход, как правильно решить эту проблему?
Спасибо