CSS - Как установить динамическое значение margin-left с фиксированным значением

Question

Я хочу, чтобы значение поля div осталось слева = 50% от родительского div - 300 пикселей.

Итак, что я сделал IS-

<img id="layer2" style=" 
     display: block; 
     margin-left: 50%-300px; 
     width: 300px;" > 

Но это не работает.

У меня также есть tried-

margin-left: 300px-50%; 

Он также не работает.

Может ли кто-нибудь помочь?

Заранее благодарим за помощь.

Answer 1

Вы можете использовать margin-left: calc(50% - 300px);. Но он работает от IE

Answer 2

Что мне нравится делать в таких случаях, как смешение отступов и полей. Если общее пространство слева вам нужно, это 50% - 300px, то вы могли бы сделать что-то вроде этого:

padding-left: 50%; // Padding can't be negative 
margin-left: -300px; 

Если вы делаете границу или что-то, что будет делать обивка не работать, а затем просто добавить еще div вокруг вашего текущего, с вышеупомянутым стилем.