Question

我正在尝试使用

将div设置为页面高度的50％

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

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

我能够毫无问题地将此方法应用于我的“关于”页面。但是，似乎存在某种冲突的CSS，不允许我对我的联系表单执行相同的操作。

Answer 1

我想我已经正确地理解了你想要达到的目标。

如果没有，那就回答。

以下是解决问题的CSS代码：

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

如果你想将一个元素设置在屏幕的x位置，我不知道如何使用最小高度来做到这一点。

Normaly如果您想要将一个元素定位到屏幕的右下角，例如页脚图像，那么您可以使用：

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

等等。

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

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

1 个答案: