Kiedy używac margin a padding

pytanie zadane 22 sierpnia 2015 w HTML i CSS przez Agentok Użytkownik (660 p.)

Np margin-top padding-top dają takie same efekty. Kiedy używać margin a kiedy padding?

5 odpowiedzi

odpowiedź 22 sierpnia 2015 przez Comandeer Guru (607,060 p.)

odpowiedź 22 sierpnia 2015 przez AllvarusAMD Nowicjusz (220 p.)

Głównie wygląda to tak:

padding - margines wewnętrzny między obramowaniem a zawartością obiektu
margin - margines zewnętrzny między obramowaniem a sąsiadującymi obiektami

Tutaj masz to wyjaśnione troszkę za pomocą obrazku.

komentarz 22 sierpnia 2015 przez Comandeer Guru (607,060 p.)

Z tym, że ten obrazek nie przystaje do dzisiejszej rzeczywistości, gdzie jednak "IE width" jest uznawane za sposób poprawniejszy i elastyczniejszy: http://paulirish.com/2012/box-sizing-border-box-ftw/

odpowiedź 2 listopada 2015 przez DariuszH Gaduła (3,100 p.)

odpowiedź 2 listopada 2015 przez Eerie Mądrala (7,130 p.)

Ja się tak podbiję pod pytanie. Bo mi się wydaje, że margin i padding dają taki sam efekt na stronie, bo to czy jest on na zewnątrz czy wewnątrz jest dla oczu usera niezauważalne. Chyba jedyna różnica jest wtedy, gdy używamy np. jakiegoś obramowania. Podacie przykład sytuacji, w której można wybrać tylko margin, a padding nie można? Albo na odwrót, że można wybrać tylko padding a nie można margin?

komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)

Sam podałeś taki przykład - użycie obramowania :)

komentarz 2 listopada 2015 przez Eerie Mądrala (7,130 p.)

A mogę więcej przykładów?

komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)

`padding` ma kolor zadany przez `background-color` a `margin` nie ma koloru.

komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)

To co napisał Commander - marginesy sąsiednich elementów nachodzą na siebie więc odległość między elementami nie jest równa sumie marginesów tylko rozmiarowi większego z marginesów. padding nie ma tego efektu.