Odejmowanie marginesu w CSS

Question

Witam

Piszę stronę internetową i natknąłem się na pewien problem.

Posiadam diva o szerokości 100%, w tym divie są kolejne dwa które mają po 50% szerokości oraz instrukcję float: left

Pytanie brzmi: Jak dodać lewy margines o długości 50px do pierwszego z tych dwóch divów, nie zmienając jego długości?

Chodzi mi o to jak odjąć od tych 50% te 50 px? Próbowałem funkcją calc(), ale coś nie chce działć ;D

 

Wiem, że wypowiedziałem się dosyć chaotycznie i niezrozumiale, ale chciałbym jeszcze dzisiaj to ukończyć ;)

Answer 1

Sprawdź czy poprawnie użyłeś funkcji calc(). Nie zapomniałeś o spacjach między znakiem odejmowania?

The + and - operators must always be surrounded by whitespace.

Link do MDN

Comments

Nie użyłem spacji ;D

Dzięki!

Answer 2

Nie wiem czy dobrze zrozumiałem bo: jak masz diva 100% i 2 divy w środku po 50%, to jak dodasz margines po lewej stronie to nie mogą one zostać takie same (bo obszaru roboczego zostaje Ci 100% szerokości - 50px).

Natomiast jeżeli chcesz dodać po lewej stronie margines tak żeby 2 divy nadal pozostały koło siebie (ale pomniejszone), to użyj 

padding-left: 50px;

na elemencie, który jest rodzicem tych dwóch divów (czyli tego, który ma 100% width).

https://jsfiddle.net/x9ybzou2/

Tutaj masz przykład, jeżeli nie chodzi o to, to prosił bym o dokładniejsze wyjaśnienie problemu.

Pozdrawiam