javascript - 绝对定位时使 <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;
}