这个布局是否可以在CSS中使用？

Question

我的布局看起来像这样：http://jsfiddle.net/pWmBj/2/。 然而，当.active被触发，我想#par.active>div到具有以下性质：

1. 最小宽度：容器（#par）
2. 最大宽度的100％：300像素（除非#par宽度> 300像素 - 我假设，对最小宽度的默认行为）
3. 宽度：汽车

的问题是，#par.active>div似乎从来没有关心width:auto CSS。我希望它扩展到它的自然宽度，但它仍然受限于它的父宽度（#par）。

Answer 1

只是在黑暗中拍摄：

<div>的是块级元素 - 默认情况下，他们将承担其母公司的宽度。

你可以尝试：

#par.active>div { 
... 
display: inline-block; 
} 

我想在你的jsfiddle，但我不能完全肯定，如果这就是你追求的效果。