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

Question

我有一个高度为 100% 的 div：

height: 100%;

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

position: absolute;

当我添加绝对位置属性时，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);
}

Answer 1

只是不要使用height:100%，高度会根据内容自动调整。

您描述的行为源于这样一个事实，即父元素 - 根据该元素确定 100% - 一旦您分配 body 元素将成为 position:absolute; （假设您没有定位该 DIV 的其他父元素)。