父元素设置overflow: overlay； 或 overflow: scroll； 或 overflow: auto； 如果子元素超出父元素内容，父元素会被子元素超出部分撑大至子元素同样大小

发现

        父元素设置overflow: overlay; 或 overflow: scroll; 或 overflow: auto; 如果子元素超出父元素内容，父元素会被子元素超出部分撑大至子元素同样大小。

代码：

 

 默认效果：

 给父元素设置overflow: overlay; 或 overflow: scroll; 或 overflow: auto; ：

（三者效果除了scroll包含上下滑块，在这里使用表达意思一致，选其一使用overlay）

效果

 

总结

        可以看出，父元素设置 overflow: overlay; 属性后，子元素超出的部分以滑块的形式包裹住了，但是父元素却被撑开了，使用F12开发者模式观察下，显示父元素的宽高还是200px * 200px&