CSS: Why does removing border drastically affect position of div container?

CSS: Why does removing border drastically affect position of div container?

References

Reference NO 1

http://stackoverflow.com/questions/15187983/css-why-does-removing-border-drastically-affect-position-of-div-container

Reference NO 2

http://stackoverflow.com/questions/14706866/css-borders-infering-with-absolute-positioning

Reference NO 3

http://stackoverflow.com/questions/15358646/css-position-div-to-bottom-of-containing-div

Reference NO 4

http://stackoverflow.com/questions/15979945/margin-goes-outside-div-when-border-is-removed

Reference NO 5

http://stackoverflow.com/questions/3149366/why-does-border-affect-the-containing-block-size-in-css

Reference NO 6

#EANF#

Reference NO 7

#EANF#

Reference NO 8

#EANF#