Как установить свойство "left" моего div с помощью css3 calc?

Я пытаюсь установить свойство left div в точном месте в зависимости от ширины его родителя.

В частности, я хочу, чтобы свойство "left" было его родительской шириной - 350 пикселей.

Я пытаюсь использовать css3 calc, как это (left: calc (100% - 350px)) безрезультатно. Вероятно, это потому, что 100% смотрит на свойство left вместо ширины родителя...

Возможно ли это вообще или что я делаю неправильно?

Спасибо

<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;
    }

Ответы

Ответ 1

Он должен работать (в Chrome/Safari/Firefox/IE9 +): http://jsfiddle.net/GXbJT/

Согласно Могу ли я использовать, Opera не поддерживает его. И для браузеров на базе WebKit по-прежнему требуется префикс для конкретного поставщика:

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

Ответ 2

Тест с помощью

transform: translateX(25px);

и вы перемещаете свой тег вправо, или

transform: translateX(-25px);

и вы двигаетесь влево.

Ответ 3

Я изменил свойство left на ширину, просто проверьте его.

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