Positionnement relatif de Css avec le pourcentage supérieur négatif

Question

Récemment je joue avec le widget de jquery ui fait sur commande qui est positionné "le fond du centre" de la position indiquée. (Imaginez juste que l'ancre de marqueur de carte de google ..)

D'abord, j'ai le widget principal et un DIV qui a le positionnement relatif avec gauche -50%. Oui, il a été déplacé à gauche par sa demi-largeur. Mais pour la taille, ça ne fonctionne pas ce que je pensais.

S'il vous plaît consulter mon exemple au http://jsfiddle.net/Reiot/UUADc/ et voir ce qui ne va pas avec cela. Ne devrais-je pas utiliser le% négatif vertical et toujours spécifier sa hauteur de pixel?

Answer 1

-50% va être 50% de la hauteur d'un objet parent, dans ce cas 200px. Donc, votre verticale devient offset 100px. Puisque vous connaissez la largeur de votre widget (73px), il suffit d'utiliser le décalage spécifique, -36px