多个(动态大小)div如何共享100%宽度？

Question

我有以下html结构:

<div style="width:100%">
  <div style="float:left; width:70%"><input /></div>
  <div style="float:left">element with unknown width</div>
  <div style="float:left; width=30%"><input /></div>
  <div style="clear:both" />
</div>

我想要实现的目标如下:

• (要求)外部div应使用100%的屏幕宽度
• (要求)三个内部div应该相互分享这100%
• (要求)第二个div,在另外两个之间,占据未知数量的空间
• 两个输入字段应占用所有剩余空间,但第一个应占用剩余空间的70%,而第三个应占30%

这样的事情怎么办？