首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将div直接放置在另一个DIV (包含内容)之上,并略有偏移?

如何将div直接放置在另一个DIV (包含内容)之上,并略有偏移?
EN

Stack Overflow用户
提问于 2020-10-24 00:02:49
回答 1查看 92关注 0票数 0

我试着创造一种视觉效果,最好用这张图片来说明:

我正在用大量的文本阴影来实现这个效果,它们都是在一个圆圈中抵消的。它起作用了。但是我想用div做同样的效果,这样我就可以把效果放到图像上。

我试过这个:

代码语言:javascript
运行
复制
<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:relative;top:5;left:5;">in a new adventure!
   </div>
</div>

所以不管颜色什么的..。我所期望的是直接画在其他文本上的文本,这样看起来会更厚一些。即:

但是,相反,我在第一个div下面得到了第二个div,其中有偏移量,如下所示:

有没有任何方法可以直接将内容100%的div定位于另一个具有内容的div?我的意图是抵消底部z阶div,以便使底部沉重的一笔,如在顶部的图像。

EN

回答 1

Stack Overflow用户

发布于 2020-10-24 00:04:28

使用绝对定位

代码语言:javascript
运行
复制
<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:absolute;top:1px;left:1px;">in a new adventure!
   </div>
</div>

顺便说一句,别忘了在你的价值之后加上这个单位。

也可以使用负边距:

代码语言:javascript
运行
复制
<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:relative;margin-top: -20px;">in a new adventure!
   </div>
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64508701

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档