css - 将前一个（第一个 defibed）div 放在下一个（第二个）div 的前面，默认位置

Question

我有 2div秒，并希望第一个定义的div（称为befront）位于紧随其后的定义的前面div（称为beback）。

使用position: absolute;会破坏设计，所以我只想使用z-index哪个不起作用。

我使用了以下 CSS，但没有运气：

#befront {
    width:100%; height:20px; background:red;
    /* I expect that the rex box be in front of the yellow box*/
    margin-bottom:-20px;
    z-index: 1000;
}
#beback {
    width:100%; height:20px; background:yellow;z-index:1;
}

jsfiddle 在这里

Answer 1

你能不能只添加“位置：相对；” 到你的“#befront”？

#befront {
width:100%; height:20px; background:red;
/* I expect that the rex box be in front of the yellow box*/
margin-bottom:-20px;
z-index: 1000;
position: relative;
}
#beback {
width:100%; height:20px; background:yellow;z-index:1;
}

z-index 要求您的元素被定位以便正常工作。

看这里

Answer 2

尝试使z-indexof#beback为负值。将其更改为 -1 或更低。并加上positon它的价值是absolute或relative