Как div absolute сделать с шириной div-ребенка?

Question

[Snatch08]

Как div absolute сделать с шириной div-ребенка? Нужно чтобы div c абсолютным позиционированием, без указания ширины, принимал ширину div-ребенка, а не растягивался на 100%. Буду благодарен за любую помощь)

.Wzyauoouusx, .WzyauoouusxExz{
  height: 38px;
}
.Wzyauoouusx{
  position: absolute;
  z-index: 6000;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFD54F;
  margin: 10px auto 0 auto;
}
.WzyauoouusxExz{
  position: relative;
}
.Rzoojn{
  width: 20px;
  height: 38px;
  background-color: red;
}

<div class="Wzyauoouusx">
<div class="WzyauoouusxExz">

  <div class="Rzoojn"></div>

</div>
</div>

Comments

[Rustam Bainazarov]

Не задавать ему ширину, убрать right: 0; или left: 0; — оставить что-то одно.

[Snatch08]

Рустам Байназаров, Спасибо, это работает) Убраны ширина и right: 0 и left: 0. Но как выровнять по центру ?

[Rustam Bainazarov]

Snatch08, вот так:

left: 50%;
transform: translateX(-50%);

[Snatch08]

Рустам Байназаров, Воооу.. Спасибо, все работает!)

Answer 1

[Владимир]

По моему absolute должен быть внутри relative, а не наоборот..... поменяй местами
И z-index здесь лишний, он не будет работать, если не применить z-index к блоку в absolute;
Поставь классу .WzyauoouusxExz значение width: auto;