为什么 margin-top 在此布局上不起作用

Question

我想要这个： http://www.img-share.net/uploads/33986layout.png

但这不起作用 http://jsfiddle.net/RLN8x/1/ 请帮我...

Answer 1

尝试这个更新版本： http://jsfiddle.net/RLN8x/5/

您需要设置“block”到相对位置并使用负 top 值将其推到父级之外。

Answer 2

您可以使用相对定位来代替：

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