CSS div保持重叠

我正在制作一个包含两个部分的登录屏幕。登录部分

（500x350）

和注册部分

（500x350）

问题是每次我调整窗口大小时，两个div都会重叠。 我尝试过浮动、显示：块、显示：内联、溢出自动隐藏

---

下一步我可以试试什么？

高度和宽度都大于窗口大小。尝试使用%而不是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;
       }

登录部分
登记科
#登录{
背景：黄色；
身高：50%；
宽度：35%；
浮动：左；
}
#登记册{
背景：粉红色；
身高：50%；
宽度：35%；
浮动：左；
}

如果您有试用过的源代码，请在JSFIDLE中共享您的源代码。您可能使用了父div宽度的%值而不是像素？如果不查看HTML和CSS，就无法帮助您！