超出隐藏是在页面设计中常用的一种技巧，通过设置css样式来隐藏超出容器尺寸的部分，使得页面效果更加美观，同时也可以避免因为内容过多出现滚动条，影响用户体验。
在HTML中，超出隐藏主要可以通过设置overflow属性来实现。
- overflow:hidden
这是最常用的一种超出隐藏方式，可以将容器中所有超出尺寸的元素隐藏起来，例如：
在上述代码中，设置了一个宽度为200px，高度为100px的容器div，然后通过设置overflow:hidden样式来实现超出隐藏。当这段文本超出容器范围时，就会被隐藏起来。
立即学习“前端免费学习笔记（深入）”；
- overflow:auto
这种方式和overflow:hidden类似，同样可以隐藏超出尺寸的元素。不同的是，当元素内容超出容器尺寸时，会自动出现滚动条，以方便用户浏览。
这是一段超出尺寸的文本
在上述代码中，将overflow属性的值设置为auto，当这段文本超出容器范围时会出现滚动条，以便于用户进行查看和浏览。
- overflow-x:hidden和overflow-y:hidden
通过设置overflow-x和overflow-y样式属性，可以分别控制容器的水平和垂直方向的滚动条和超出隐藏。
例如，如下代码将隐藏一个宽度为200px，高度为100px的容器的水平滚动条，而保留垂直滚动条：
总结一下，超出隐藏是一个常用的页面设计技巧，通过设置overflow属性，我们可以轻松地控制容器中超出尺寸的元素的显示和隐藏。在实际开发中，需要根据具体情况来决定使用哪种方式来实现超出隐藏。
