当从固定位置改变为绝对位置时，为什么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); 
}