Html 如何用粘胶定位div?

Html 如何用粘胶定位div?,html,css,Html,Css,我需要使用滚动来固定位置,所以我使用了position:sticky,但我没有定位我放置的位置。我试过了。你需要使用固定的而不是粘性的 position: fixed; bottom: 0px; position:sticky目前大多数浏览器都不太支持。 请参阅此链接: 在此之前,您可能需要使用position:fixed。设置css #footer{ display:block; position:fixed: left:0; right:0; bottom:0

我需要使用滚动来固定位置,所以我使用了
position:sticky
,但我没有定位我放置的位置。我试过了。

你需要使用
固定的
而不是
粘性的

position: fixed;
bottom: 0px;

position:sticky
目前大多数浏览器都不太支持。 请参阅此链接:

在此之前,您可能需要使用
position:fixed

设置css

#footer{
   display:block;
   position:fixed:
   left:0;
   right:0;
   bottom:0  
}
你必须使用

position:absolute;
position:fixed;
如果您试图定位文档中第一个固定元素固定的div

否则你必须使用

position:absolute;
position:fixed;
如果您希望div即使在u滚动窗口时也是固定的,这是通过浏览器固定的,可以在设计弹出窗口时使用。 检查HTML


小提琴


输出:


建议:


不要使用
标记,它已被弃用

此功能已从Web上删除。虽然有些浏览器可能 仍然支持它,它正在被放弃的过程中。不要使用它 在旧项目或新项目中。使用它的网页或Web应用程序可能随时中断 时间


CSS所做的更改是

#footer {
    width:100%;
    position:fixed;
    bottom:0px;
   }

我使用了fixed。但它不滚动。如果您希望页脚位于底部,请将
top:500px
替换为
bottom:0px
。我已经更新了我的答案以反映这一点。不要使用标签,因为它已被弃用。。!!好的,我删除那个标签。但仍然不起作用..改变排名:500;到底部:0和位置:粘滞到,位置:固定检查此项fiddle@AmarnathBalasubramanian .. 先生,它不工作了。我需要使用scrolling固定位置,但fixed不会滚动..:(你能举个例子说明你需要实现什么吗?