html - 如何放置窗口/导航栏 HTML 底部的 div - materializecss

Question

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

我试过了

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

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

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

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

Answer 1

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

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

Fiddle example