CSS Div 保持重叠

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