盒子模型的box-sizing 定义方式处理padding “”溢出“”？

 

#div1 { width:120px;height:120px; background:pink; margin-left:80px; float:left; margin:30px; padding:50px; box-sizing:border-box; }

 

box-sizing:border-box; 是以div 的边界为定界 向本div 之内 挤内容 padding 个 px;

box-sizing: content-box;  以内容为边界 从内容开始向外扩充 padding 个px; 

 

因此 content-box 会向外扩大 div 子块会撑起来父块 ，而 border-box会挤小子块中内容位置