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/