Nested divs in HTML, how can the margin style set by the child DIV become the style of the parent DIV_html/css_WEB-ITnose

*{
  margin:0;
  padding:0;
  width:3000px;
}
.box1{
background:#f00;
height:300px;
}
.box{
background:yellow;
height:200px;
}
.box2{
background:#0f0;
height:100px;
width:60px;
margin-top:50px;
}
.box3{
background:#00f;
height:300px;
}
.box4{
background:#888;
height:50px;
width:120px;
}