製作DIV伸展的內容高度，不

Question

頁

的高度我有一個100％的高度一個div：

height: 100%; 

另外，我增加了一個絕對位置：

position: absolute; 

當我加入絕對位置屬性，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％ - 一旦您分配了position:absolute;（假設您沒有放置該DIV的其他父元素），就會成爲body元素。