Złożenie „obraz” poza div, przykład wewnątrz mojego postu

Question

Ok, zobaczmy, czy uda mi się wyjaśnić, co mam na myśli, oto obraz, który ma pomóc:

Więc jak widać obraz, potrzebuję dostać zieloną strzałkę od jej bieżącej lokalizacji do umieszczenia poza głównym div, który ją trzyma. Potrzebuję, jeśli strona zostanie ponownie powiększona, strzałka pozostanie na swoim miejscu. Jeśli potrzebujesz więcej informacji, proszę dać mi znać. Przepraszam, jeśli to jest zbyt ogólnikowe, nie byłem pewien, jak to wyjaśnić. Dzięki!

Answer 1

Podaj element pojemnika position: relative;, a następnie nadaj strzałkę position: absolute; top: 0; right: -x; (gdzie x to szerokość strzałki).

Oto przykład: http://jsfiddle.net/joshnh/xpFPd/

Answer 2

Musisz zastosować pozycjonowanie bezwzględne. Jeśli zawsze będzie to stała odległość od lewej lub prawej, to jest to łatwe.

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

Na przykład.

Answer 3

Można użyć pozycjonowanie względne:

parent { 
    position: relative; 
} 

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

Będzie dołączyć każdy img do lewej krawędzi jego rodzica.

Answer 4

Trzeba użyć względnego pozycjonowania bezwzględnego.

Outer_div{ 
position: relative; 
. 
. 
. 
} 

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