overflow
- overflow: visible; 超出显示
- overflow: hidden; 超出隐藏
- overflow: auto; 自动 有多余内容显示滚动条 否则不显示
- overflow: scroll; 一直有滚动条
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div {
width: 120px;
height: 500px;
border: 1px solid #ccc;
overflow: visible; /*超出显示*/
overflow: hidden; /*超出隐藏*/
overflow: auto; /* 自动 有多余内容显示滚动条 否则不显示*/
overflow: scroll;/*一直有滚动条*/
}
</style>
</head>
<body>
<div>
窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜窗前明月光疑是地上霜
</div>
</body>
</html>