html - 这种布局在 CSS 中可行吗？

Question

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

1. 最小宽度：容器的 100% (#par)
2. 最大宽度：300 像素（除非 #par 宽度 > 300 像素——我假设这是最小宽度的默认行为）
3. 宽度：自动

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

Answer 1

只是在黑暗中拍摄：

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

你可以试试：

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

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