Html 如何使文本显示在a<；中的文本顶部；部门>；

我有：

xxx
yyy

如何使“yyy”显示在“xxx”的顶部（如覆盖），并且两者都可见？

快速简便的方法

<div>
   <div>xxx</div>
   <div>yyy</div>
<div>

xxx
yyy

---

使外部div

位置：相对

和两个内部div

位置：绝对值

默认情况下，

position:absolute

div的位置是左上角，因此两者都位于父div的左上角，一个在另一个之上。

<div style="position:relative">
   <div>xxx</div>
   <div style="position:absolute;top:9px">yyy</div>
<div>

---

你在找这样的东西吗@Samanthaj只有在上面没有其他内容、文本高达9px以及许多其他条件下，可能的副本才起作用。请记住，您必须使

位置：相对于容器
div
，否则，嵌套的
div
的绝对位置将根据主容器计算。@sevensacat:）您是对的。这只是一个POC。正如我所说的，快速简单。在现实生活中，他们会适应需要。毕竟，stackover不是复制粘贴。它的踪迹和学习。
<div>
   <div >xxx</div>
   <div class="z-in">yyy</div>
<div>

.z-in
{
   position: relative;
   bottom: 20px;
}