Jak nakładać obrazy bez użycia stanowiska: absolutny?

Question

Poszukuję odpowiedniej metody CSS, aby nałożyć div obrazów na inny div obrazów (nie obraz tła) bez używania position:absolute. Czy ktoś wie, jak to zrobić?

Answer 1

position: absolute nie jest "niewłaściwy" - jest częścią specyfikacji CSS! Nie ma innego sposobu na umieszczanie elementów na innych elementach, chyba że będziesz się zastanawiał z position: relative lub może niektóre właściwości float.

position: absolute to najprostszy sposób na zrobienie tego. Co sprawia, że ​​myślisz, że to zły pomysł?

---

Jedynym rozwiązaniem jest użycie obrazu wewnątrz div z tłem, na przykład:

<div> 
    <img src="..."> 
</div> 

Następnie dać div background-image:

div 
{ 
    background: url(/images/foo.png) no-repeat; 
} 

Jednak dla wiele obrazów na pewno bym się trzymał position: absolute.

Istnieje glitchy demo demonstrujący efekt.

Answer 2

http://jsfiddle.net/HUUQ6/2/

można nałożyć/pokrywać elementy na górze siebie stosując ujemny margines. przykład:

#b{ 
    margin-left:-10px; 
} 

ten przesuwa element b w lewo 10px, nakładanie co jest po lewej stronie (przy założeniu, że jest to ekran: Typ elementu bloku, nie jest wbudowany, na przykład w przedziale).