2017-04-26 73 views
0

我在我的CSS文件中有這樣的:如何將底部參數的百分比轉換爲像素CSS?

#myClass { 
    position: absolute; 
    height: 6px; 
    width: 100%; 
    bottom: 66%; << here is 66% 
    left: 0; 
    right: 0; 
    background-color: #666; 
    cursor: n-resize; 
} 

有底部比例66%

但我需要的東西是這樣的:

bottom: ~calc(66% - 35px); 

或本

bottom: calc(66% - 35px); 

但這並沒有奏效!

你能幫我嗎?

+0

哪些瀏覽器您使用?帽子是你的目標 – RacoonOnMoon

回答

1

如果它應該是高度的66%,請嘗試:

bottom: calc(66vh - 35px); 

,或者如果它應該是寬度的66%,請嘗試:

bottom: calc(66vw - 35px); 
+1

thx,就是這樣 – newb