如何让绝对定位的父母的孩子扩大其宽度?

时间:2015-04-07 02:07:22

标签: html css width absolute

关于这个问题有很多相同的问题,但我认为我有不同的情况。

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

我在这里尝试了很多属性而没有运气。也许你知道这么热吗?

以下代码包含了解样式所需的全部内容:codepen.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>

1 个答案:

答案 0 :(得分:0)

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