html - 具有 float 和可变右键的流体文本输入

Question

我有一个类似的问题:CSS: fluid text input with floated-right button ，我特别喜欢这个解决方案:http://jsfiddle.net/t7tgJ/3/

但是，在我的例子中，不同的按钮有不同的文本，所以我不能使用固定宽度。此外，按钮中的文本也会更改(提交时)。

规范:一行中的文本字段和按钮。按钮应float: right，文本字段应始终为container - button.width - paddings - margins。如果没有 Javascript，我如何实现这一点？

Answer 1

我玩过 JSfiddle。我已经使用了仅定位版本。这可能会有所帮助。它很接近但还没有完成。我希望这会有所帮助。

http://jsfiddle.net/t7tgJ/105/