html - CSS 前の要素

Question

CSSでこれを達成する方法はありますか?
要素の高さ = 100% から前の要素の高さを引いた値

私はすでに持っているので、JavaScriptの答えを提供しないでください:

CSS:

.mydiv{
    height:100%;
}

JavaScript (jQuery):

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

実は、このデモの 2 つ目の効果をCSS だけで再現したいのです。
ありがとう

編集:
私が正確に達成したいこと:最初の要素の高さを指定せずに、2つの要素を親に垂直に合わせたい

score 1 · Accepted Answer

1

于 2012-05-31T13:34:06.127 に答える

score 1 · Accepted Answer

1

display:tableとを使用display:table-rowして CSS でこれを実現する

于 2012-05-31T13:38:15.127 に答える

score 0 · Accepted Answer

いいえ、2 つの理由から:

CSS には「前」という概念がありません。後に要素を使用する (「+」、「~」など) が、前では使用しないセレクターがいくつかあります。
CSS の継承機能を利用する賢い方法があるのではないかと考えていましたが、それもうまくいかないと思います。高さを親の 50% に設定できる場合がありますが、元の高さをオーバーライドすることになるため、ある種のことを実行する可能性が失われthis.height - prev.heightます。

簡単な答えはノーです。

score 0 · Accepted Answer

はい、できます。ただし、コンテナにoverflow:hiddenが必要です。ここにリンクがあります。http://jsfiddle.net/UNnGP/4/

4 に答える 4