css child padding makes it draw out side the parent

Question

Applying padding to child elements is making the child draw over the boundaries of its containing parent. Can you please explain the size consideration in margin,padding an

Answer 1

Can be solved without making any change in a tag. Just add overflow: hidden; property to div element.

div {
  margin-top:90px;
  margin-left:90px;
  background-color:#676896;
  overflow: hidden; /*expends its height if not fixed*/
}

Updated fiddle here: http://jsfiddle.net/NkXUW/52/