Javascript 如何在屏幕底部定位输入?

Javascript 如何在屏幕底部定位输入?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要在中放置一个,这样当用户滚动时,位置保持相对于屏幕的位置。我尝试了使用位置:的相对和绝对,但两者都不是相对于屏幕,而是相对于页面大小 .console{ 位置:绝对位置; 右:0px; 背景色:#fff; 宽度:300px; 高度:600px; 边框:1px纯黑; 溢出y:自动; } .跑{ 位置:绝对位置; 底部:0px; 宽度:295px; } 我用过位置:固定成功了。@Paulie\u D我编辑了这个问题,希望现在问题清楚了。当控制台超过页面高度时,您希望输入保持固定在屏幕底部(

我需要在
中放置一个
,这样当用户滚动时,
位置保持相对于屏幕的位置。我尝试了使用
位置:
相对
绝对
,但两者都不是相对于屏幕,而是相对于页面大小

.console{
位置:绝对位置;
右:0px;
背景色:#fff;
宽度:300px;
高度:600px;
边框:1px纯黑;
溢出y:自动;
}
.跑{
位置:绝对位置;
底部:0px;
宽度:295px;
}


我用过
位置:固定
成功了。

@Paulie\u D我编辑了这个问题,希望现在问题清楚了。当控制台超过页面高度时,您希望输入保持固定在屏幕底部(控制台有滚动条)还是随控制台高度移动(控制台扩展以包含所有信息)?@DKyleo我希望它即使在滚动时也保持固定在底部。我修复了问题并添加了我的答案。“当我使用position:relative时,输入不会进入div的底部”-当然不是-相对定位会根据元素自身的位置移动元素。因此,值为零不会改变元素的最终定位。