怎么使HTML页面放在中间,HTML – 即使我更改窗口大小,如何将div放在页面中间？...

也许它不适合你,因为容器是绝对的,因此身体的高度为零.

>首先添加高度：100％到html和body.

>使用转换到容器的绝对定位元素使用居中方法：

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

请告诉我您对此的反馈.谢谢！

html,body {

height: 100%;

}

* {

margin: 0;

padding: 0;

}

#container {

background-color: black;

border-radius: 10px;

padding: 5px;

display: block;

margin: 0 auto;

border-width: 1px;

border-color: black;

border-style: solid;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

}

.light {

height: 100px;

width: 100px;

display: block;

border-radius: 50%;

margin: 10px;

border-width: 5px;

background-color: grey;

}