在过去的几个小时里，我一直在努力让这个搜索字段与浏览器（例如 amazon.com）一起延伸。
我已经尝试了在谷歌上找到的各种东西，比如使输入字段或父容器 100%，溢出......等等，但我似乎无法得到它：/
我还尝试将类别浮动到右侧，并使用提交按钮交换位置。
知道我哪里出错了吗？
问问题
611 次
1 回答
1
如果您希望完成工作，这可能是您可能需要使用表格的情况。使用包含单行表格的表单，将内容分成三个单元格，输入字段位于中间单元格中。将表格宽度和中间单元格宽度设置为 100%，将输入字段宽度设置为 98%（尝试 100%，您会明白为什么需要稍微减小它）。哦，并防止单元格内的换行符。
概念的粗略演示：http: //jsfiddle.net/yucca42/hyEPu/
如果您的公司警察禁止表格进行布局，请尝试告诉他们这是一个数据表。如果做不到这一点，您可以display: table在 CSS 中使用 etc. 来模拟表格（尽管这会变得更加复杂，并且在旧版本的 IE 上会失败）。
于 2012-01-16T00:48:38.360 回答