如何使用css3 calc設置div的'left'屬性？

Question

我想在一個確切的位置取決於它的父母的寬度設置div的左邊的屬性。

具體而言，我想'左'屬性是其父寬度 - 350px。

我想使用css3的計算像這樣（左：calc（100％-350px））無濟於事。這可能是因爲100％正在看左側的屬性，而不是父母的寬度...

這是可能的，或者我做錯了什麼？

感謝

<div id="login5" class="login"> 
    <h3>Login</h3> 

    // code 

</div> 

在我的CSS

然後：

#login5 { 
    position: absolute; 
    width: 260px; 
    left: calc(100% - 350px); 
    background-color: rgba(50, 50, 50, 0.6); 
    padding: 20px; 
    } 

Answer 1

它應該工作（在Chrome/Safari瀏覽器/火狐/ IE9 +）：http://jsfiddle.net/GXbJT/

據Can I Use，Opera不支持它。和供應商特定的前綴仍然需要基於WebKit的瀏覽器：

left:-webkit-calc(100% - 350px); 
left:-moz-calc(100% - 350px); 
left:calc(100% - 350px); 

Answer 2

我改變了左屬性的寬度，只是檢查。

#login5 { 
    position: absolute; 
    width: 260px; 
    width: calc(100% - 350px); 
    background-color: rgba(50, 50, 50, 0.6); 
    padding: 20px; 
    } 

Answer 3

測試用：

transform: translateX(25px); 

和你移動你的標籤正確，或

transform: translateX(-25px); 

和你移動到左側。