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; 
}