如何放置 div window/Navbar HTML 的底部 - materializecss

How to place div bottom of window/Navbar HTML - materializecss

我试图在我使用 materializecss 创建的 NavBar 底部放置一个 div 容器,但无论我尝试什么,它都会粘在底部。它要么从导航栏中消失,要么转到顶部。

我试过了

#bottomDiv{
    float: bottom;
}
#bottomDiv{
    position: relative; // absolute and fixed
    bottom: 0;
}

我在网上搜索过,我遇到的所有资源都建议使用 bottom: 0,但它似乎不起作用。

我尝试创建一个 JSfiddle 来显示我的代码,但我无法让它工作,因为它不会导入 materlizecss 库 - http://jsfiddle.net/jy6Lh7ct/8/

任何帮助都会很好,我一直在搜索和尝试不同的可能性,但没有运气 - 这是我正在关注的网站的 link - https://materializecss.com/sidenav.html

你可以用这个确保它粘在底部

#bottomDiv{
    position: absolute;
    bottom: 0;
    left: 0;
}

Fiddle example