CSS Divs保持重叠

Question

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

问题是，每当我调整窗口大小时，两个div都会重叠。  我试过float, display:block, display:inline, Overflow automatic en hidden。

我接下来可以尝试什么？

Answer 1

高度和宽度大于窗口大小。尝试使用％而不是px。请参阅THIS您可以根据您的要求增加％。

       <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;
       }