与表单的水平堆栈

Question

我正在寻找一个包含两个元素的全角形式：

___________________________________
|     Text-Input     |   Button   |
‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾

按钮应该有固定的宽度，尽管窗口（移动视口）的大小未知。输入的大小应该尽可能宽......输入元素很难驯服......

到目前为止，我已经在输入和浮动http://dabblet.com/gist/2714788的包装器方面取得了一些进展（我必须在html输入之前放置按钮）。还有更好的方法吗？

Answer 1

<form>
<input placeholder="This is not easy...">
<button>Submit</button>    
</form>

尝试将此代码用于表单，并将此样式用于输入

input { width:80%; float:left; }

这是按钮

button { width:19%; float:left; }

使用此代码即可使用。