jquery – 填充剩余垂直空间的第二个元素

我有一个固定高度的容器.

容器有2个段落.

我希望第一个p具有动态高度(具有最小高度和最大高度),具体取决于它的内容,第二个p具有剩余的垂直空间.

例如在this fiddle：我希望粉红色的p填充剩余的黄色空间,并在第一个p元素生长时相应缩小.

我已经看到如何让div填充水平空间(即使用bfc – 块格式化上下文)但我似乎无法找到垂直填充的css解决方案.

如果用css无法做到这一点,我想知道如何用jquery做到这一点.

谢谢.

你可以像这样使用第二个粉色div

.two
{
    background-color: pink;
    height: inherit;
}

See this Fiddle