文本输入宽度最大值和输入提交在一行上

Question

我做了一个小聊天。 CSS存在问题，因为我更像是程序员而不是布局设计师。

HTML：

<div class="chat_input_box">
<input type="text" class="chat_input_text" name="message">
<input type="submit" value="Отправить" class="chat_submit_button">
</div>

CSS：

.chat_input_box {
width: 100%;
}

.chat_input_text {
width: 83%;
}

.chat_submit_button {
margin-right: 0px;
}

问题在于，如果没有硬编码，则不能将文本字段的宽度设置为最大值（例如，83％）。

Answer 1

尝试将按钮和输入文件放入两个不同的div中。给按钮div CSS参数“float：right; width：someAmount px;”

Answer 2

不是你要求的，但尽可能接近：http://jsfiddle.net/TQvg8/