CSS前一个元素

Question

有没有办法用CSS来实现这一点？

元素高度= 100%减去以前的元素高度

请不要提供JavaScript的答案，因为我已经有：

CSS：

.mydiv{
    height:100%;
}

JavaScript (jQuery)：

$('.mydiv').each(function(){
    $(this).css('height', $(this).height() - $(this).prev().height());
});

实际上，我只想用CSS来再现这个演示的第二个效果。

谢谢

编辑：

我真正想要实现的是:我希望两个元素垂直地安装在它们的父元素中，而不指定第一个元素高度。

Answer 1

通过CSS使用display:table和display:table-row来实现这一目标。

这是演示

Answer 2

您可以在不使用top和bottom的情况下完成布局。

http://jsfiddle.net/UNnGP/

Answer 3

不，有两个原因：

1. CSS没有“以前”的概念。有几个选择器会在后面使用元素(例如"+“、"~")，但不使用之前。
2. 我想可能有一些聪明的方法利用CSS的继承能力，但我不认为这也是可行的。您可能可以将一个高度设置为其父级的50%，但是您将超过它的原始高度，从而破坏执行this.height - prev.height类型的事情的机会。

简单的回答是不。