盒模型

bug ：子元素 的margin-top 有时候会错误的传递给父元素

 

在父元素加上overflow：hidden；就可以解决这个问题

 

 

区分内边距和外边距通过背景颜色和外边框

 

solid 实线  dashed虚线 dotted点线

 

 

盒模型的实际宽度计算 外边距+边框+内边距+内容

 

边框和内边距都会吧盒子撑开

 

margin overflow hidden solid dashed dotted 

margin overflow hidden solid dashed dotted 

margin overflow hidden solid dashed dotted

margin overflow hidden solid dashed dotted

margin padding