Skip to content

24 ways to impress your friends

Vote up?

Jano

Nice illustrations ang great article! But it isnt always necessary to use explicit positioning and z-index to stack elements on top of each other.

1) Every nested element is one level higher then its parent. This is why “sliding door” technique can work.

2) Every floatad element is higher then not floated (and not positioned) elements. “Faux columns” is based on this fact.

3) In some cases we can use negativ margins “to pull back” the next element.