这种布局在CSS中是否可行？

Question

我的布局看起来像这样：http://jsfiddle.net/pWmBj/2/。 但是，当切换.active时，我希望#par.active>div具有以下属性：

1. min-width：容器的100％（#par）
2. max-width：300px（除非#par width＆gt; 300px - 我假设＆＃39; m是min-width的默认行为）
3. width：auto

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

Answer 1

在黑暗中拍摄：

<div>是块级元素 - 默认情况下，它们将假定其父级的宽度。

你可以尝试：

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

我在你的JSFiddle上尝试过，但我不完全确定这是否是你所追求的效果。