将一个div覆盖在另一个div上方

Question

我应该如何在屏幕大小调整时将一个div与另一个div重叠。以下是我的html代码。我想让白色div覆盖在红色div之上，当屏幕从右向左拖动时。当前，白色div只会在红色div下面。

以下是我的html代码:

<div id="red">RED DIV</div>
<div id="white">WHITE DIV</div>

#red{
     background:red;
     width:100px;
     height:100px;
     float:left;
     margin: auto 0;
     z-index:2
}
#white {
    background:white;
    width:100px;
    height:100px;
    margin: auto 0;
    float:left;
    position:relative;
    left:20%;
    z-index:200;
}

编辑：请不要告诉我使用绝对定位。我希望在调整大小时将文本从白色

右侧修剪...

- Mike

---

可能重复：http://stackoverflow.com/questions/3825542/how-i-can-overlap-a-div-on-to-other-div - David Laberge

顺便问一下，你是指调整大小吗？"从右向左拖动"是什么意思？ - Kai Qing

Answer 1

只需将 position:absolute 添加到红色 div 中

演示

- Roko C. Buljan

Answer 2

你需要在白色div上添加position:absolute属性。

编辑 - 根据你的position absolute语句进行更新 - 即使你可能只是没有正确地执行它。

....

重新编辑 - "我希望在调整大小时，将白色div右侧的文本修剪"...我不确定我理解这句话。白色div在顶部，对吗？它有一个定义好的100像素宽度，在调整屏幕大小时不会改变。什么被修剪了，为什么？你是说你想让红色div包裹住被白色div覆盖的文本，正如你在这里所说的："我希望白色div放在另一个红色div的上面" 在我能够帮助你之前，你需要澄清你的需求。

- Kai Qing