How to create a dock toolbar at the bottom of the page?

+6
html css
source share
2 answers
<div id="toolbar" style="position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: #000;"> Toolbar Content <!-- rest of your toolbar stuff here --> </div> 

This will create a div with a black background that will remain at the bottom of the screen, regardless of the size or scroll of the browser. Then you can use the div style as you like.

+17
source share

you use css directive for positioning

 position: fixed; 

more information and setting for positioning

+2
source share

All Articles