How to indent a container?

Question

css

For example, a simple page consists of three blocks: header, main, footer. main contains container. I set the margin property for the container. Why does top padding appear between main and header and not between container and main?
https://jsfiddle.net/s0z5tv4t/

Answer 1

margin is the outer padding, instead you need to use padding-top for the main block