怎么让一个div在另一个div中垂直居中

2025-04-13 20:08:16

推荐回答（1个）

回答1：

给你个非常简单有效，兼容性也很好的方法(只考虑IE9+)低版本IE浏览器请考虑别的方式，直接在父级div上加以下样式，注意，外容器需要指定一个height：
.root-div {
height: 300px;
}
.children-div {
position: relative; /*必须指定position，值也可以为absolute*/
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

HTML代码：

...