Html 如何在页面底部创建dock类型工具栏？

就像在

中一样，您使用css指令进行定位

position: fixed;

工具栏内容

---

这将创建一个具有黑色背景的div，该div将保留在屏幕底部，而不考虑浏览器的大小或滚动。然后你可以随心所欲地设计这个div。

不，我想知道如何从scratch创建它。哦，这有点复杂，而且这不是什么可以回答的问题。这就像问“我如何制作日历小部件？”看看他们在使用什么，还有一个问题，这个浏览器是否可压缩>@MatBridges我正在编辑一个基于SMF的网站的css，以便在其中一个div上产生这种效果，但当我这样做时，所有其他div都会跳起来，跳到我刚刚修复的div上，好像它不是结构的一部分。有什么建议可以让所有的东西都运行在div后面，以保持预期的布局吗？

<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>