html如何让div靠页面最左边,html-如何将div保持在页面中的相同位置,而不...

当我使用键盘快捷键将窗口移至屏幕的左侧/右侧,然后将其向上/向下最小化时.

使用Windows键向左/向右箭头,然后使用Windows键向上/向下箭头

或使用鼠标时,将光标移动到窗口的任意边缘或角落,直到出现双箭头,然后自定义其大小.

我希望div(白色容器盒)始终位于中间.

首先,我尝试创建一个登录页面,该页面与背景图片旁边的以下图片相同：

我使用的是1920x1080p分辨率的屏幕,根据在div或类中使用权或在其他分辨率下如何使用,我不知道我的工作是否很好.

编辑：

我的背景图片也是1920x1080p.

body {

background-image: url(../images/website-login-background.jpg);

background-size: initial;

background-repeat: no-repeat;

resize: initial;

font-family: Arial;

}

.white-container {

margin-top: 25%;

margin-left: 36%;

/* width: max-content; */

width: 28em;

height: 28em;

background-color: white;

text-align: center;

}

h1 {

padding-top: 2em;

font-size: 1.8em;

font-weight: normal;

}

.form-menu {

font-size: 1em;

height: 2em;

width: 100%;

text-align: center;

}

.input {

font-size: 1em;

height: 2em;

width: 80%;

}

.linkaAttr {

overflow: hidden;

color: blue;

padding-left: 50%;

}

Log In to Your Account

Forgot password?

Need an account? Sign Up

在实际结果中,当我使用键盘向左/右上/下角调整窗口大小时,我可以选择滚动窗口,不需要它,白色div不能完全显示,我需要滚动向下显示它.另一个问题是,当我像窗口一样调整大小时,白色div不会显示在中央.

在预期的结果中,我希望白色div是整个页面的最小尺寸,如果我使用鼠标调整其大小,白色div始终将居中,直到窗口尺寸不能变小为止,因为它仅显示div.

如果我要使用键盘调整页面大小.那么我希望div始终完整显示并居中.