我有一个与居中的div有关的问题。
我希望当调整视口的高度时，div进入视口下方，而不是上升到屏幕顶部。
这是未调整视口大小的定位div。
这是带有视口调整的定位div
这是我想要的
main {
height: 100vh;
position: relative;
}
.container {
background: red;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
<body>
<main>
<div class="container-div">
<h2>My div that i want to hide</h2>
</div>
</main>
</body>
我希望这是可以理解的。。非常感谢。
我们可以在主体中添加一个onresize属性，该属性将在窗口调整大小时调用myFunction：
function myFunction() {
document.getElementsByClassName("container-div")[0].style.display = "none"
}<body onresize="myFunction()">
<main>
<div class="container-div">
<h2>My div that i want to hide</h2>
</div>
</main>
</body>p.S：你可以看到它的工作原理就像第一次打开代码段时一样，Stack Overflow有一个滚动动画，其中确实包括对代码段窗口的一些大小调整，因此div会像预期的那样消失。不要让它迷惑你；(