CSS边距％

Question

我希望将元素上边距指定为窗口高度的百分比，这可能吗？

如果我设置了一些像下面这样的css属性

#idName{margin:10% 0;}

这会将其设置为浏览器视口宽度的10％，这不是所需的行为。

我想这样做的原因是我的网站有一个内容，比如一个500px高的盒子，我希望它位于浏览器视口的中心。所以说视口是500px高，它将有一个保证金顶部或0px，但如果600px高，它将有50px的保证金顶部，700px高保证金顶部100px等。

请告诉我实现这一目标的最佳方法！

由于

Answer 1

垂直对齐在css中可能很棘手。

这些文章很好地概述了实现它的技术：

http://hicksdesign.co.uk/journal/how-to-vertical-centering-with-css

http://www.vdotmedia.com/blog/vertically-center-content-with-css/