css3 calcを使用して私のdivの 'left'プロパティを設定するには？

Question

divのleftプロパティを親の幅に応じて正確な位置に設定しようとしています。

具体的には、 'left'プロパティを親の幅 - 350pxにします。

私はこのようなcss3のcalcを使用しようとしています（左：calc（100％ - 350px））。これはおそらく、100％が親の幅ではなく左のプロパティを見ているからです...

これはまったく可能ですか、間違っていますか？私のCSSのその後

おかげ

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

    // code 

</div> 

：

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

Answer 1

それが動作するはずです（クローム/サファリ/ Firefoxの/ IE9 +上）：http://jsfiddle.net/GXbJT/

はCan I Useによると、Operaはそれをサポートしていません。

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

テストと：：そして、ベンダー固有のプレフィックスがまだのWebKitベースのブラウザのために必要とされる

transform: translateX(25px); 

、あなたはあなたの右に、あなたのタグを移動したり、

transform: translateX(-25px); 

と左に移動します。