CSS页边距%s

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/