I have a div and it's margin: 20px 50px 10px 5px;
When I change the right(50px) and bottom(10px), it doesn't effect the div, and I don't know what they're for.
simple said, margin-bottom will push other boxes away, look at this bin i made, now if you uncomment margin-bottom: 100px; the yellow box will pushed down 100px. margin-right works the same way.
Once you done the entire css positioning track, post here again, and if you have any questions i will answer them in more detail. Because to explain this properly, you need the knowlegde of the rest of this track