爲什麼不能以負值計算價值？

Question

應用

top : - 32px; 

作品，但下面不執行任何操作：

top : calc(8px - 50%); 

我想擁有的財產是動態的，目標是垂直對齊的，有一個父DIV一個div可變高度。任何想法將不勝感激！

Answer 1

它工作正常。

div#outer { 
 
    position: relative; 
 
    width: 200px; 
 
    height: 100px; 
 
    margin: 100px; 
 
    background-color: green; 
 
    overflow: visible; 
 
} 
 

 
div#inner { 
 
    width: 20px; 
 
    height: 20px; 
 
    position: absolute; 
 
    top: calc(8px - 50%); 
 
    background-color: red; 
 
}

<div id="outer"> 
 
    <div id="inner"> 
 
    </div> 
 
</div>