如何使绝对定位父级的子级扩展其宽度？

Question

关于这个问题有很多相同的问题，但我想我有一个不同的案例。

好的，我有一个具有指定宽度的position: fixed块，其中有绝对定位块。我想使这个工具提示足够灵活，可以包含很多文本(最多2-3行)或只包含几个单词。但不超过400像素。

我在这里尝试了很多房产却没有运气。也许你知道这么做很性感吧？

下面是理解样式所需的代码：Codemen.io/Grawl/pen/EazNJJ

在短时间内：

​

.fixed {
  position: fixed;
  top: 34%;
  right: 0;
  width: 36px;
}
.absolute {
  position: absolute;
  top: 0;
  right: 100%;
}
.absolute p {
  /* what have I do here? */
}

<div class="fixed">
  <div class="absolute">
    <p>How to make this block parent have this block width?</p>
  </div>
</div>

​

Answer 1

一种解决方案是将这个绝对div封装在一个相对定位的div中。这样就可以更好地控制元素。