我有以下搜索框布局:
<div id="emulating_variable_width">
<form id="srxForm" method="post">
<div id="qsrxSearchbar">
<div id="scope"> Person Name </div>
<input type="text" id="theq" title="Search">
<button id="btnSearch" type="button">Search</button>
</div>
</form>
</div>
(为了显示目的,它非常简化)
- “范围”中的标题是长度可变的文本
我想要的是让输入文本元素填充所有可用空间(即黄色空间),同时将搜索按钮保持在右侧。
在 IE7+、FF、Safari 等中完成解决方案的最简单方法是什么?
谢谢!