On what the margin impact

Question

I was thinking, about how the margin influence other objects?

Because when I have e.g.

html, body{
    height: 100%;
    width: 100%;
}
div{
    margin-top: 200px;
}

and inside I have div with margin-top it push <body> down, so the margin impact on <html> not on <body> tag, which is first container.

So the question is, how margin depend on

I have readed few css tutorials, but I couldnt find specific answer

score 1 · Accepted Answer · edited May 23 '17 at 11:52

1

Most browsers by default add a margin to the <body> element. One thing you haven't done in your styling is to reset this to 0:

html, body{
    height: 100%;
    width: 100%;
    margin: 0;
}

edited May 23 '17 at 11:52

Community

answered Aug 01 '13 at 10:09

James Donnelly

I noticed that, but body margin is only about 20px, (I set 180px more) and the same is happening when I have wrapper div instead of body. Anyway, collapsing margins is right answer, Thank You. – Kornel Dylski Aug 05 '13 at 10:12

1 Answers1