overflow
- 当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式
- 通过 overflow 属性来设置
- 概览
| 参数 | 释义 |
|---|---|
| visible（默认值） | 内容不会被修剪 会呈现在元素框之外 |
| hidden | 内容会被修剪 其余内容是不可见的 此属性还有清除浮动、清除 margin-top 塌陷的功能 |
| scroll | 内容会被修剪 浏览器会显示滚动条，以便查看其余的内容 |
| auto | 如果内容被修剪，浏览器会显示滚动条以便查看其余的内容 |
| inherit | 规定应该从父元素继承 overflow 属性的值 |
- 举例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet" type="text/css" href="./static/CSS/test.css">
</head>
<body>
<div class="box">box</div>
</body>
</html>.box{
width: 200px;
height: 200px;
/*overflow: visible;*/
/*overflow: hidden;*/
overflow: scroll;
/*overflow: auto;*/
/*overflow: inherit;*/
}- 效果截图
参考：w3school