extjs toolbar组件 内容能不能随浏览器改变位置？

<div id="toolbar"></div>

va tb=new Ext.toolbar();

tb.render('toolbar');
tb.add('<button>按钮1</button>');
tb.add('<button>按钮2</button>');
tb.add('<button>按钮3</button>');
tb.add('->');
tb.add('<input type="text"/>');

文本框显示在浏览器右边 ，但是浏览器变大后，文本框位置还在原来位置，如何让它随浏览器改变而改变？