Css 垂直对齐两个div

新的一切网络编程智慧

我试图垂直对齐两个包装器div，使它们位于页面的中间，而不管浏览器。网址如下：

---

我已经查阅了几十本关于这个问题的教程，但没有找到任何有用的东西。有什么想法吗？

您已经在这两个div上设置了

width

和

height

，然后您可以使用这种代码：

.wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -300px;
}
.wrapper2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 150px;
    margin-left: -300px;
}

top:50%；左：50% < /代码>，你把div的左上角放在中间，然后用正/负边距调整它的位置。< /P>
（有你自己风格的基本元素）
将两个元素放在一个分区中，然后搜索“垂直对齐一个分区”：）通过简单的搜索，确实有很多很多东西，等等……看看元素的垂直和水平居中。经过测试，它似乎水平对齐得很好，但顶部比底部大。有什么想法吗？是的，你只需要根据你的需要调整一下
margintop:-170px
和
margintop:150px
。