css - CSS: 現在値のパーセント

Question

要素に固定のプロパティと値のペアが既にある場合、次のように言います。

div {
    top: X px;
}

CSS を使用して初期宣言後に値を (X の 50%) に設定することは可能ですか?

Answer 1

次のような JS を使用する必要がありますel.style.top = el.style.top * 1.5。

編集:または、SASS のようなものを使用している場合は、初期値を変数として宣言し、単純に乗算することができます。$initialTop = 50; div {top: $initialTop * 1.5}

Answer 2

いいえ、パーセンテージは親要素から計算されます。その機能には Javascript を使用する必要があります。