CODEWITHSUNDEEP
htmlcsspositionmaterializesidebar
Jackie
Jackie

Reputation: 457

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

I am trying to place a div container at bottom of my NavBar that I created using materializecss but no matter what I try it does stick to the bottom. It either disappears from NavBar or goes to the top.

I tried

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

I searched online and every resource i come across it suggest to use bottom: 0 but it doesnt seem to work.

I tried creating a JSfiddle to show my code but I couldn't manage to get it work because it wouldn't import the materlizecss libraries - http://jsfiddle.net/jy6Lh7ct/8/

enter image description here

Any help would be nice, i have been searching and trying different possibilities but have had no luck - this is the link to the website i am following - https://materializecss.com/sidenav.html

Upvotes: 0

Views: 2097

Answers (1)

Marc Hjorth
Marc Hjorth

Reputation: 1960

You can make sure it sticks to the bottom with this

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

Fiddle example

Upvotes: 2

Related Questions