CSS边距％'s

Question

我想要一个元素顶部边距被指定为窗口高度的百分比，这可能吗？

如果我设置的东西具有低于

#idName{margin:10% 0;} 

像的CSS属性，这将其设置到浏览器窗口，这是不期望的行为的宽度的10％。

我想这样做的原因是我的网站有一个500px高的框，我想要在浏览器视口的中心。所以说视口是500px高，它将有一个margin-top或0px，但是如果600px高，它将具有50px的margin-top，100px的margin-top的700px等。

请告诉我最好的方法为了达成这个！

谢谢

Answer 1

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

这些文章给出的技术一个很好的概述，以实现它：

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

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