Html 使div拉伸到内容的高度，而不是页面的高度

我有一个100%高的div：

height: 100%;

另外，我添加了一个绝对位置：

position: absolute;

当我添加AbsolutePosition属性时，div会延伸到页面的高度，而不是像以前一样延伸到页面内内容的高度。如何使div延伸到内容的高度，而不是页面的高度

以下是完整的代码（如果有帮助的话）：

.blah {
    height: 100%;
    width: 200px;
    position: absolute; 
    border-radius: 15px 15px 15px 15px; 
    -moz-border-radius: 15px 15px 15px 15px; 
    -webkit-border-radius: 15px 15px 15px 15px; 
    border: 0px solid .800000;
    padding: 0.5em;
    background-color: #ffffff;
    -webkit-box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  1px 1px 1px 1px rgba(0, 0, 0, 0.3);
}

---

只要不使用高度：100%，高度将根据内容自动调整

---

您所描述的行为源于这样一个事实，即一旦您指定

位置：绝对值，父元素（根据其确定100%）将成为
主体
元素

（假设您没有定位该DIV的其他父元素）。

删除

高度：100%

默认情况下，它将采用我愚蠢的内容高度哇！那一定是因为我粘贴了另一个项目的代码。