使弹出式div垂直居中

Question

我正在尝试制作一个类似iPad的popover div作为练习，但是我不知道如何将popover div垂直居中，因为它具有未指定的内容宽度/高度。

http://jsfiddle.net/mbYyR/5/

我希望三角形指向#popover-wrapper的上/下右/左值定义的位置，但top: -50%不起作用。

感谢您的帮助:)

Answer 1

你可以使用jquery来解决这个问题，请查看fiddle link

Answer 2

我很确定#actual-popover-div不会移动，因为它设置在position: relative上。将其设置为postion:absolute并更改一些值似乎可以获得您想要的效果。

示例：http://jsfiddle.net/mbYyR/8/

Answer 3

需要处理的一件事是设置顶部位置，并设置一个负的页边距-顶值。不使用jQuery，也可以通过这种方式达到效果。