Home/ Questions/Q 7058725
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:08:49+00:00

I have 2 divs <div id=number1><div id=number2></div></div> Why is #number1 { background:red; } #number2

  • 0

I have 2 divs

<div id=number1><div id=number2></div></div>

Why is

#number1 {
    background:red;
}

#number2 {
   background:blue;
   height: 200px;
   margin: 10px;
}

Not the same as

#number1 {
    background:red;
    padding:10px;
}

#number2 {
   background:blue;
   height: 200px;
}

And in the first case I get white lines at the top & bottom, where it is suppose to be the red color of div 1?
http://jsfiddle.net/ZbCNq/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the first case, the unexpected behaviour you’re experiencing is due to “collapsing margins”.

    The spec:

    Some easier reads:

    You could fix it by:

    • 0