如何放置窗口/导航栏HTML的div底部-物化ECSS

我试图在导航栏的底部放置一个div容器，这个导航栏是我用materializecss创建的，但不管我怎么做，它都会粘在底部。它要么从导航栏消失，要么进入顶部

我试过了

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

我在网上搜索过，发现的每一个资源都建议使用

bottom:0

，但它似乎不起作用

我尝试创建一个JSFIDLE来显示我的代码，但我无法让它工作，因为它无法导入MaterializeCSS库-

---

任何帮助都会很好，我一直在搜索并尝试不同的可能性，但没有运气-这是指向我正在关注的网站的链接-

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

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

---

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

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

---

我不确定是否理解，但您可以将其从

中取出，并将其放置在
之外，和/或从上方的元素为div设置边距顶部。另外，我不确定是否
float:bottom是正确的css。您好，谢谢您的回复，我对web开发相当陌生，所以一直在尝试和学习我看的教程-我想我看到了float:bottom；被用来实现我想要的，但在我的情况下似乎不起作用。我可以考虑你的建议，我们的
我试着把它拿出来，但这似乎没有帮助，因为它完全从导航栏移到了外面。你可以试试
利润率顶部：90%
，例如在bottomdiv上？请参见此处：。如果不包括其他CSS，很难说。运气不好，到目前为止我的代码都是从这个URL获取的-我在JSFIDLE中粘贴了代码，但它似乎没有获得所需的库。我不确定我是否理解，但您可以将其从
中取出，并将其放置在
之外，和/或从其上方的元素为div设置边距顶部。另外，我不确定是否
float:bottom是正确的css。您好，谢谢您的回复，我对web开发相当陌生，所以一直在尝试和学习我看的教程-我想我看到了float:bottom；被用来实现我想要的，但在我的情况下似乎不起作用。我可以考虑你的建议，我们的
我试着把它拿出来，但这似乎没有帮助，因为它完全从导航栏移到了外面。你可以试试
利润率顶部：90%
，例如在bottomdiv上？请参见此处：。如果不包括其他CSS，很难说。不走运，我到目前为止的代码都是从这个URL获取的-我在JSFIDLE中粘贴了代码，但它似乎没有抓住所需的库。嗨，它使bottomDiv从页面上完全消失。我认为这可能是因为您提供的代码在实际页面上工作，但它无法识别它在侧边栏中。好的，尝试在页面上调整它。将该值更改为
bottom:70px
或任何您喜欢的值。它会使bottomDiv从页面中完全消失。我认为这可能是因为您提供的代码在实际页面上工作，但它无法识别它在侧边栏中。好的，尝试在页面上调整它。将值更改为
bottom:70px
或您喜欢的任何值。