html换浏览器div的位置固定不变,浏览器窗口更改时，HTML div不在适当的位置

这是一个没有bootstrap的基本解决方案：请记住，只有在必要时才使用绝对定位。

注意：如果您打算将登录文本输入推送到侧面，则此方法有效。然而，就UX而言，这可能是一个非常糟糕的主意。

Login

function startTime()

{

var today=new Date();

var y=today.getFullYear();

document.getElementById('datetime').innerHTML="© Systems "+y+"
"+"All rights reserved.";

}

html, body{

height:100%; margin:0; padding:0;

}

#box{

border:1px solid #eaeaff;

background-color: #eaeaff;

border-radius:5px;

width:400px;

height:400px;

box-shadow: 4px 4px 10px black;

text-align:center;

}

.btn{

height: 30px;

width: 100px;

}

#model{

font-size: 25px;

}

#datetime{

margin-top:20px;

}

.form-control{

margin:10px;

}

.form-container{

width:25%;

height:500px;

float:left;

min-width:185px;

}

.container{

height:500px;

width:100%;

}

#box-container{

width:48%;

height:500px;

float:left;

}

#box2{

width:400px;

}

#form-signin1{

position: relative;

top: 35%;

transform: translateY(-50%);

}

Welcome

Please login

Login