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

Question

Я хочу это: http://www.img -share.net / добавления / 33986layout.png

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

Answer 1

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

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

Answer 2

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

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