css樣式絕對定位怎么隨頁面縮放而縮放？

<div style="width:100%; text-align:center;"><input type="text" value="Text Box" style="width:300px;" /></div> 實現Text Box左右居中, 隨頁面界面縮小或放大而一直居中(方法: 使用一個寬度100%的div, 讓其內容居中).