调整页面垂直居中内容

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 */