css - CSS Div が重複し続ける

Question

2 つのセクションがあるログイン画面を作成しています。ログインセクション(500x350)と登録セクション(500x350)。

問題は、ウィンドウのサイズを変更するたびに、2 つの div が重複し続けることです。私は試しfloat, display:block, display:inline, Overflow automatic en hiddenました。

次に何を試すことができますか？

Answer 1

高さと幅がウィンドウ サイズを超えています。px の代わりに % を使用してみてください。これを参照してください。要件に応じて % を増やすことができます。

       <div id="login">
          Login Section
       </div>
       <div id="register">
          Register Section
       </div>
       #login{
         background:yellow;
         height:50%;
         width:35%;
         float:left;
       }
       #register{
         background:pink;
         height:50%;
         width:35%;
         float:left;
       }