Div收縮包裝絕對定位div的寬度問題

Question

我有問題，使#div_b的內容伸展到300px的寬度。無論我如何修改CSS，它都會一直變大。 （請不要問我爲什麼我在外部和內部div中使用絕對值，因爲我這樣做的原因是我不想擴大，因爲這個問題不是關於那個問題）

CSS

#div_a{ 
    position: absolute; 
    top:0; 
    max-width:300px 
} 

#div_b{ 
    position: absolute; 
    background-color:gray; 
} 

HTML

<div id="div_a"> 
    <div id="div_b"> 
    Lorem ipsum dolor sit amet, est tristique ligula odio semper inceptos ut 
    </div> 
</div> 

JSFiddle

謝謝！

Answer 1

幾種不同的解決方案。

刪除最大： http://jsfiddle.net/BRkCU/12/

取出位置： http://jsfiddle.net/BRkCU/15/

Answer 2

#div_b{ 
    position: absolute; 
    width: 100%; 
    background-color:gray; 
} 

取出位置：absloute;

#div_b{ 
    width: 100%; 
    background-color:gray; 
} 

Answer 3

這應該這樣做

#div_a{ 
    position: absolute; 
    top:0; 
    max-width:300px; 
    width:100%; 
} 

#div_b{ 
    position: absolute; 
    background-color:gray; 
} 

div_b不擴大的原因是因爲div_a不展開。通過將其設置爲100％，您現在佔用了內容所需的儘可能多的空間，並且保持最大寬度：300px，則內容不會超出該區域。

Answer 4

我想你要找的是什麼：

#div_b{ 
    position: absolute; 
    background-color:gray; 
    white-space:nowrap; 
}