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;
}

编辑：请不要告诉我使用绝对位置。我希望在调整大小时修剪白色div右侧的文本...

Answer 1

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

即可

DEMO

Answer 2

你需要在白色div中添加一个位置：绝对。

编辑 - 更新到您的位置绝对陈述 - 即使您可能只是没有正确执行

...

重新编辑 - “我想在调整大小时修剪白色div右侧的文字” ...我不确定我是否理解这一点线。白色div排在最前面，对吗？并且它具有100px的定义宽度，当您调整屏幕大小时，它根本不会改变。正在修剪什么？为什么？你的意思是你想让RED div根据你在这里的声明来包装被WHITE div覆盖的文本：“我希望白色div能够在另一个红色div之上” 在我可以提供帮助之前，您需要澄清您的需求。

重叠一个div在另一个上面

2 个答案: