title: Antd Inline Form Width of Children
body: <p>I have a form that I would like to be inline with a select filling up the first 60% of space and the submit button filling up the next 40%.
  I can't figure out how to do this without the select and the button sizing themselves incorrectly.
  The select sizes itself to match its input, starting with almost no size.
  The button takes on a size less than its text.
  What are you supposed to do in this situation?</p>
  
  <pre><code>&lt;Form layout="inline"&gt;
      &lt;Form.Item style={{width:'60%'}}&gt;
          {getFieldDecorator('studentId', {
              rules: [{ required: true, message: 'You must select a student' }],
          })(
              &lt;Select style={{width:'100%'}}&gt;
                  {this.props.linkedStudents.map(x =&gt; &lt;Select.Option value={x.id}&gt;{x.fullName}&lt;/Select.Option&gt;)}
              &lt;/Select&gt;
          )}
      &lt;/Form.Item&gt;
      &lt;Form.Item style={{width:'30%'}}&gt;
      &lt;Button
          type="primary"
          htmlType="submit"
          style={{ width: '30%' }}
      &gt;
          Remove from Team
      &lt;/Button&gt;
      &lt;/Form.Item&gt;
  &lt;/Form&gt;
  </code></pre>