почему не работает margin-top на этом макете

#css #xhtml #margin

#css #xhtml #margin

Вопрос:

Я хочу это:
http://www.img-share.net/uploads/33986layout.png

http://jsfiddle.net/RLN8x/1 /
Но это не работает, пожалуйста, помогите мне…

Ответ №1:

Попробуйте эту обновленную версию: http://jsfiddle.net/RLN8x/5 /

Вам нужно установить «блок» в относительное положение и использовать отрицательное top значение, чтобы вытолкнуть его за пределы родительского.

Ответ №2:

Вместо этого вы могли бы использовать относительное позиционирование:

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