別の値に基づいてCSS値を設定する

Question

divの高さを別のdivの高さの1/2に設定したいdivがあります。 height: 50% of height of divid1;

Answer 1

平易なCSSでこれを行う方法はありません。たとえば、これを達成するためのJavaScript。

document.getElementById('divid2').height = Math.floor(document.getElementById('divid1').height/2); 

または値が静的なものである場合divid1の高さの半分を計算する：

Answer 2

一つの方法は、Javascriptを使用することです。

Answer 3

申し訳ありませんが、標準のCSSではありません。 DIVを含む高さを必要としない限り、50％を使用することができます。 多分あなたのための解決策は、SASS（http://sass-lang.com/）

のようなものを調べることでしょう