声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did222090
css溢出内容控制
CSS溢出内容控制
CSS中的overflow属性可以帮助控制元素中溢出的内容。这个属性有四个值可选，分别是visible、hidden、scroll和auto。接下来，我们将详细介绍每种取值的作用。
visible
这是默认的取值，也就是说，元素中溢出的内容将完全显示出来，无论是否在元素边界内。
.hidden {
overflow: visible;
}
hidden
这个取值将隐藏元素中溢出的内容，也就是说，元素内部看不到溢出的内容。这时，我们需要使用scroll属性来滚动浏览内容。
.scrolling {
overflow: hidden;
overflow-y: scroll;
}
scroll
这个取值在元素边界内创建一个可滚动的元素。元素内的内容始终固定在边界内，但用户可以通过滚动条滚动溢出的内容。
.scrolling {
overflow: scroll;
}
auto
这是自动取值，当内容能够适应元素大小时，显示visible，当内容溢出时，显示scroll。这个取值的表现类似于用户代理的默认行为。
.auto {
overflow: auto;
}
总结
overflow属性是控制元素中溢出的内容的好工具。根据需要，我们可以选择四种不同的取值来满足我们的需求。使用这个属性，我们可以使我们的页面更加美观和有效。
阅读：28次