老师！新增的css3属性 box-sizing: border-box;

同学你好，overflow： hidden;属性本身的意思是超出隐藏，设置上也没有关系，是为了避免超出带来影响。

还有另外一种表现，子元素浮动的时候父元素会塌陷，父元素添加上这个属性就会有高度，内容的高度，解决了浮动引起的塌陷问题。例如

添加上overflow属性之后，父元素高度撑起来了

自己测试下，祝学习愉快！

同学你好，代码中使用这个属性是为了不让盒子实际占据宽度因为border或者padding值影响变大，设置多少就是多少。例如

外层的div盒子60%计算出来的值为

但是div盒子还有0.5px的边框，浏览器解析最小为1px

当把box-sizing属性去掉之后，边框就不会计算在宽度内，那么div占据的宽度就会变大

多了左右的边框共2px。

自己理解下，祝学习愉快！