css - CSS Div 不断重叠

Question

我正在制作一个包含两个部分的登录屏幕。登录部分(500x350)和注册部分(500x350)。

问题是每次我调整窗口大小时，两个 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;
       }