box-model

width: 100%;

means 100% of the parent's content width. if you add padding to the child, it will be 100%

box-sizing: border-box;

now the child 100% is paddings + margins + borders + content