Question

I am having some issues displaying images that are absolute. The outer div is relative, and the 2 images are of class absolute.

我正在将特殊产品进口作为图像的rc。

我试图将绝对财产从图像中删除。这使得形象变得如此。

<div class="flex h-20 w-full">
    <div class="relative mt-1">
        <img class="absolute left-4 top-4 h-12 w-12" src={Polygon} alt="" />
        <img class="absolute left-4 top-2 h-12 w-12" src={Polygon1} alt="" />
    </div>
</div>

Edit:

种子本身和“相对”四的种子也为零。

Answer 1

That s because the flex in the parent. Flex gives the children as less space as it need. Since the child (<div class="relative mt-1">) has only absolute elements (<img class="absolute...) Its width is 0.

给子女(<div category=“relative mt-1”>)

<div class="flex h-20 w-full">
    <div class="relative mt-1 w-40">
        <img class="absolute left-4 top-4 h-12 w-12" src="http://ipsum.photos/get/400" alt="" />
    </div>
</div>

Working Demo: https://play.tailwindcss.com/rSCJbZQmuD

友情链接