用html创建停靠面板的最佳方法是什么? [关闭]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用html创建停靠面板的最佳方法是什么? [关闭]相关的知识,希望对你有一定的参考价值。

我正在尝试模拟html中的停靠面板。例如,我想让一个div停靠在顶部,而另一个div留在剩余空间中。如果调整浏览器窗口的大小,则div也将调整大小。

我可以想到许多复杂的方法来完成此任务。

是否有简单而优雅的方法来做到这一点?

答案
<div id="dock"> You can put anything you want here. </div>

现在,让我们用CSS设置样式。

#dock position: fixed; top: 0; left: 0; right: 0; height: 50px;

“位置:固定;”将确保div在滚动时随年龄变化。“顶部:0;左侧:0;右侧:0;”将基座停靠在页面顶部,从右到左一直。当用户调整页面大小时,扩展坞将自动调整自身大小。如果希望扩展坞位于底部,请将“顶部”更改为“底部”。高度显然就是div的高度。这只是在屏幕顶部为您提供一个矩形,但这对于网站标题,徽标等来说是一件好事。底座的样式取决于您要使用的样式。如果您想要特定的答案,则必须对您的问题进行特定说明。至于其他所有内容,可以将其放到体内,一切都会很好。

以上是关于用html创建停靠面板的最佳方法是什么? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

在 HTML 中进行拆分窗格的最佳方法 [关闭]

如何在面板上预览顶部停靠控件下方插入顶部停靠控件

创建 whois 查找的最佳方法是啥? [关闭]

停靠面板布局

Avalondock 第二步 创建文档面板

通过 adobe flash cc 创建一个类似于 SWF flash 格式的停靠栏的栏 [关闭]