html - 这种布局在 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>是 block 级元素 - 默认情况下，它们将采用其父元素的宽度。

你可以试试:

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

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