使 <div> 绝对定位时可缩放到内容？

Question

通常， <div>将展开以填充insize的内容。

<div>
  <p>Hello</p>
</div>

<div>缩放以包含<p>

绝对定位时是否可以使<div>这样做？

就我而言，我有一个模态，该模态具有设定的高度和宽度，但是我想使其与内容成比例。

Answer 1

像这样吗 http://jsfiddle.net/3L99pycm/

CSS：

div {
    position: absolute;
    left: 50%;
    top: 100px;
    background-color: red;
    width: 30%;
    height: 100px;
}
p {
    background-color: blue;
    color: white;
}

Answer 2

div的行为与其位置无关，最可能的问题是您在某处设置了固定大小的参数。

Answer 3

好吧，您无需执行任何特殊操作即可为孩子制作绝对div刻度。 我在这里http://jsfiddle.net/rtkvswmn/添加了一个示例

的CSS

div {
    position: absolute;
    background: red;
}
p{
    width: 100px;
    background: blue;
    text-align: center;
}