marcando con una "imagen" fuera de un div, Ejemplo dentro de mi post

Question

Está bien, vamos a ver si puedo explicar lo que quiero decir, aquí está una imagen para ayudar a:

Así como se puede ver en la imagen, necesito que la flecha verde de su ubicación actual se coloque fuera del div principal que la contiene. Necesito que si la página se vuelve a clasificar según el tamaño la flecha permanecerá en su posición. Si necesita más información, hágamelo saber. Lo siento si esto es demasiado vago, no estaba seguro de cómo explicarlo. Gracias!

Answer 1

Proporcione el elemento contenedor position: relative; y luego proporcione la flecha position: absolute; top: 0; right: -x; (donde x es el ancho de la flecha).

Aquí es un ejemplo: http://jsfiddle.net/joshnh/xpFPd/

Answer 2

Debe aplicar la posición absoluta. Si siempre será una distancia constante desde la izquierda o la derecha, entonces esto es fácil.

img.class { 
    position: absolute; 
    right: 16px; 
} 

Por ejemplo.

Answer 3

Puede utilizar el posicionamiento relativo:

parent { 
    position: relative; 
} 

parent img { 
    position: absolute; 
    left: 0px; 
} 

Esto adjuntará cada img hasta el borde izquierdo de su padre.

Answer 4

Es necesario utilizar el posicionamiento relativo-absoluto.

Outer_div{ 
position: relative; 
. 
. 
. 
} 

img.inner{ 
position: absolute; 
. 
. 
. 
}