CSS 边距百分比

Question

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

如果我将某些东西设置为具有如下所示的 css 属性

#idName{margin:10% 0;}

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

我想这样做的原因是我的网站有一个 500 像素高的框，我希望它位于浏览器视口(viewport)的中心。所以说视口(viewport)是 500px 高，它会有一个 margin-top 或 0px，但是如果 600px 高它会有 margin-top 为 50px，700px 高 margin-top 为 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/