这种布局在 CSS 中可行吗？

Question

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

1. 最小宽度：容器的 100% (#par)
2. max-width: 300px（除非#par width > 300px -- 我假设这是 min-width 的默认行为）
3. 宽度：自动

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

Answer 1

只是在黑暗中拍摄：

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

你可以试试：

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

我在你的 JSFiddle 上试过了，但我不完全确定这是否是你想要的效果。