爲什麼不工作的margin-top在此佈局

Question

我想這樣： http://www.img-share.net/uploads/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; 
}