我有一个非常基础的网站。页面顶部的标题栏 - 有点像这个网站或 Facebook，页面底部有一个文本框和一个提交按钮。
我遇到的问题与文本框和提交按钮的定位有关。我用百分比来定位它们。原因是 - 当我使用 px 定位时，布局在不同的屏幕上出现不同。
我想要实现的是谷歌主页通过其文本框定位实现的目标。我需要我的文本框和提交按钮出现在每个人的屏幕上的固定位置，但是，每当屏幕最小化时，我不希望文本框或提交按钮粘在页面底部。当我移动浏览器的约束时，这两个元素重叠并且变得混乱。
我该如何做到这一点？
这是我的 CSS
#topbanner{
position:fixed;
top: 0px;
left: -150px;
min-width: 100%;
min-height:30px;
}
#textbox{
position: fixed;
top: 90%;
left:8%;
width: 850px;
}
#submitbutton{
position:fixed;
top: 85%;
left:70%;
}
多谢你们。