css - 从正常流中移除并将相对位置设置为自身

Question

<div id="foo">
    <div></div>
    <div id="bar"></div>
    <div></div>
</div>

你如何让“栏”的顶部相对于其原始位置定位 -5px 并从正常流程中移除？

尝试 1

#bar {
    position: relative;
    top: -5px;
}

不起作用，因为“bar”没有从正常流程中删除

#foo {
    position: relative;
}
#bar {
    position: absolute;
    top: -5px;
}

不起作用，因为“bar”的顶部相对于“foo”放置了 -5px

score 5 · Accepted Answer

5

尝试

#bar {
    position: absolute;
    margin-top: -5px;
}

看这个活生生的例子

于 2012-09-03T16:08:23.390 回答

score 0 · Accepted Answer

你可能需要做一些链接这个：

#foo {
    position: relative;
}
#bar {
    position: absolute;
    top: -5px;
}