html - 冲突的CSS-无法将Div设置为页面高度的50％

我目前正在尝试使用以下方式将div设置为页面高度的50％

.vertical-align-form-control {
min-height: 75%;
min-height: 75vh;
align-items: center;
}

我当前的代码可以在这里看到：http://pastebin.com/AjfUA26n
更多信息：http://infenterprises.com/contact/

我能够将此方法应用于我的“关于”页面而没有任何问题。但是，似乎有些冲突的CSS不允许我对“联系方式”进行相同的处理。

最佳答案

我想我已经正确理解了您想要实现的目标。

如果没有，那就回答。

这是我的CSS代码，可以解决您的问题：

.vertical-align-form-control {
    min-height: 75vh;
    align-items: center;
    position: absolute;
    top: 25%;
    margin: 0 auto;
    width: 100%;
}

如果您想将元素设置为位于屏幕的x位置，我看不到如何使用min-height来做到这一点。

通常，如果您想例如将元素放置在屏幕的右下角，例如页脚图像，则可以使用：

.footer-img {
    position: absolute;
    bottom: 1%;
    right: 1%;
    width: 200px;
    height: auto;
}

等等。

希望这有助于解决您的问题。

关于html - 冲突的CSS-无法将Div设置为页面高度的50％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27001541/