overflow:hidden作用解析

隐藏超出容器边界的内容

1、 当一个元素设置了 overflow:hidden，其内容超出指定宽高时，超出部分将被裁剪隐藏，不再显示且不占据页面空间。

2、 效果所示

3、 通常情况下，当页面中的文本超出设定宽度时，超出部分会被隐藏，并以省略号形式显示，常用于单行内容的溢出处理。

4、 效果所示

5、 通常情况下，父元素未设置高度时会根据内容自动调整高度。但当其内部子元素全部应用浮动后，子元素脱离文档流，不再占据空间，导致父元素无法获取实际高度，最终高度塌陷为零，从而引发布局问题。

6、 效果显著