html - 带表格的水平堆栈

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; }

使用此代码并将工作。