CSS Child2 VariableWidth基于Child1 VariableWidth＆amp;父最大宽度？ （的jsfiddle）

Question

我有一个父容器，它有两个子节。 http://jsfiddle.net/J9e2X/21/

我希望父容器具有最大宽度，并且当内容大于{{1}时，第一个子部分（可变宽度内容）的max-width为overflow-x: scroll }。

我希望第二个子部分涵盖max-width，width of the parent container - the width of the first child section当overflow-x: scroll大于父容器the second child section content width + the first section section width时。

这是HTML：

max-width

一些尝试过的CSS（现在，当第一个子内容的宽度推动第二个子节太远时，第二个子节断开了线，并且它也没有覆盖父容器的宽度减去宽度第一部分，+ overflow-x）：

<div class="page-container">
  <div class="container">
    <div class="section1"><div class="content1">element1</div></div>
    <div class="section2">
      <div class="content2">
        <input type="text" class="formFormat" value="element2.1 element2.2" />
      </div>
    </div>
  </div>
</div>