调整页面垂直居中的内容

Question

我正在尝试构建一个类似于this的页面，当调整浏览器窗口大小时，内容会保持垂直居中。

这是我到目前为止所得到的：

http://codepen.io/realph/pen/svuHI

我正试图让.marketing元素保持垂直居中。页脚粘贴在页面底部，但在调整浏览器窗口大小时也会向上移动。

感谢任何帮助。提前谢谢。

Answer 1

将此添加到您的.marketing CSS

position: absolute;
top: 50%;
margin-top: -50px; /* change this to half of the height of the element  */