フレックスdivのボタンが半分にカットされます

Question

私は連絡フォームで作業しており、div display:flexとしました。
すべてのフィールドが正しく表示されており、常に半分にカットされた送信ボタンを除いてディメンションが変更されています。
フィールドの残りの部分が同じ動作をしてはいけませんか？

キャプチャ：

Answer 1

このようなことを試みます。

.child { 
 
    width: 500px; 
 
    margin: 10px; 
 
    height: 30px; 
 
    border: 1px solid black; 
 
}

<div style="display:flex; border:1px solid black"> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
    <div class="child"> 
 
    </div> 
 
</div>

Answer 2

私はselectフィールドは、なぜボタンが左にシフトしていることを最小幅の一部を持っているかもしれませんが、各コントロールに親クラスを追加することを好むだろう。