Changing bottom margin doesn't move div


I've set the margins of the div to margin: 20px 50px 10px 5px;. I noticed that when changing the bottom margin dimension, it doesn't move the box, like I imagined it would. Moreover, the box is way above 10 px from the surrounding dashed border. Why is this? Am I misunderstanding where the margin is positioned?


Welp, nevermind. I got it. I missed the fact that the bottom of the margin had gotten extended off the preview window.



i just did an extensive answer on position, you can find it here, read it, it should cover what your question, if after that you still have questions, feel free to ask