這個佈局是否可以在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，但我不能完全肯定，如果這就是你追求的效果。