Как я могу перекрывать элементы углового материала

Question

Я использую Angular 7 и Angular Material. Я хотел бы перекрыть материалы, но это не работает. Когда я нажму кнопку, откроется боковая навигация и высота будет такой же, как у кнопки. Тем не менее, я хотел бы установить высоту боковой навигации, которую я установил.

Я использовал позицию контейнера в CSS, но это не сработало. Так, как я мог решить эту проблему?

Answer 1

Вы должны установить высоту. Либо с помощью Flexbox, либо установив полноэкранный режим в контейнере макета.

Здесь вы можете найти более подробное описание: https://www.thecodecampus.de/blog/material-2-sticky-footer-mat-sidenav/

И вот окончательный вид: https://cankattwinkel.github.io/material-2-sticky-footer-mat-sidenav/

Ссылка на исходный код включена.