如何在顺风中相对于另一个 div 设置绝对位置？

Posted 2023-03-07

【中文标题】如何在顺风中相对于另一个 div 设置绝对位置？

【英文标题】：How to set position absolute in tailwind in relation with another div?

【发布时间】：2021-10-28 06:56:11

【问题描述】：

我得到了一个简单的代码：

<div class="container">
  <div class="w-2/3 h-32 bg-gray-900 text-yellow-500 relative">
  <span class="absolute top-96 left-full">hello</span>
  </div>
</div>

但是hello 远远超出了div，我打算在其中使用它。 如何将hello 放入我的第二个div？

【问题讨论】：

@AmirhosseinShahbazi 不。没有区别。

【参考方案1】：

如何在我的第二个 div 中添加 hello？

absolute top-96 left-full 将<span>hello</span> 24rem 定位在<div class="w-2/3 h-32 bg-gray-900 text-yellow-500 relative">...</div> 的顶部下方和右边缘。从span 中删除absolute top-96 left-full，“hello”将出现在bg-gray-900 div 的范围内。