Question

有点新手问题，但我现在已经有这个问题，我需要修复它。希望你们中的一个人可以提供帮助。

我的页面底部附近有一个文本框。它的位置是固定的，但是，每当我调整浏览器窗口的大小时，它都会随着页面的底部移动。我也尝试过绝对和相对的定位，但仍然是同样的问题。我一直在阅读CSS定位，并假设我理解它，直到这个小问题。

我的页面顶部有一个标题栏，位置是固定的，不会移动，所以我想知道区别是什么？

问题的插图如下：底部图像是普通视图，顶部是移动窗口缩小的文本框。

我的文本框名为＆＃34; typetextbox＆＃34;标题横幅是＆＃34; cfbanner＆＃34;

CSS是：

#cfbanner{
position: fixed;
top: 0px;
left: -130px;
z-index:-20

}

#typetextbox{
left: 130px;
bottom: 50px;
position: fixed;
width: 850px;

我确定这很容易解决。一点帮助将非常感激！

Answer 1

您的typetextbox的行为似乎是正确的，因为您指定要修复的框并且到底部的距离为50px。

W3Schools.com写道：

具有固定位置的元素相对于浏览器窗口定位。

请参阅here。

因此，如果缩小浏览器窗口，文本框将粘贴在窗口的底部，因此，正如您所写：

它随页面底部移动

如果您希望盒子粘在给定位置，请删除“bottom”属性并指定“top”属性，就像使用“#cfbanner”一样。