pourquoi ne fonctionne pas margin-top sur cette mise en page

Question

Je veux ceci: http://www.img-share.net/uploads/33986layout.png

Mais cela ne fonctionne pas http://jsfiddle.net/RLN8x/1/ s'il vous plaît aidez-moi ...

Answer 1

Essayez cette version mise à jour: http://jsfiddle.net/RLN8x/5/

Vous devez définir le "bloc" sur la position relative et utiliser une valeur négative top pour le repousser hors du parent.

Answer 2

Vous pouvez utiliser le positionnement par rapport à le faire à la place:

.block { 
    position: relative; 
    top: -15px; 
    background:#eee; 
    margin-left:15px; 
    margin-right:15px; 
    height:30px; 
}