我有一个非常基本的网站。页面顶部的标题栏 - 有点像这个网站或Facebook，文本框和页面底部的提交按钮。
我遇到的问题是文本框和提交按钮的定位。我用百分比来定位它们。原因是 - 当我使用px定位时，布局在不同的屏幕上显示不同。
我想要实现的是Google主页通过文本框定位实现的目标。我需要我的文本框并提交按钮以显示在每个人的屏幕上的固定位置，但是，每当屏幕最小化时，我不希望文本框或提交按钮粘在页面底部。当我移动浏览器的约束时，这两个元素重叠并且变得混乱。
我如何实现这一目标？
这是我的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%;
}
谢谢你们。