當從固定位置改變爲絕對位置時，爲什麼div元素的大小會發生變化？

Question

我有一個包含一些文本的div。這個div曾經是position:fixed，但由於某些原因，我需要它是position:absolute。

但是，將其從固定改爲靜態時，其大小會發生變化（fixed顯示期間的「自動調整大小」很不錯，應該保留）。

這裏有一個小例子：http://jsfiddle.net/ThiefMaster/yBRa9/3/

我正在尋找一種方法來保持position:absolute沒有元素縮小到儘可能低的尺寸。

使用JavaScript它是easy to achieve，但如果它可以做到沒有額外的JS它會很好。

Answer 1

Here Check it.我用了一個跨度inline-block，似乎做你想要什麼_{（當然，如果我理解你的問題正確）}。

Answer 2

具有絕對定位的元素不會繼承父級的寬度。你將不得不設置width或min-width

Answer 3

我面臨同樣的問題。我讀了Teneff的答案，並通過設置寬度：100％來修復它。由於我是新人，如果這是做事情的最佳方式，不信任。這裏有一個例子：

HTML：

<div id="slider"> 
<div class="slide"> 
        <div class="slide-copy"> 
         <h2>Slide</h2> 
         <p>Sliding time</p>      
        </div> 
        <img src="http://images.clipartpanda.com/spring-clip-art-spring-clip-art.jpg" alt="an image"> 
       </div> 
</div> 

CSS：

#slider { 
    width: 940px; 
    height: 350px; 
    position: relative; 
    overflow: hidden; 
    float: left; 
    padding: 3px; 
    border: #666 solid 2px; 
    border-radius: 5px; 
} 

.slide-copy { 
    position: absolute; 
    bottom: 0px; 
    left:0; 
    padding: 20px; 
    background: #7f7f7f; 
    background: rgba(0,0,0,0.5); 
}