使用 overflow:auto属性设置自动溢出滚动
实例代码；
<!doctype html>
<html>
<head>
<meta charset="uft-8">
<style>
div{
width:300px;
height:80px;
background-color:pink;
border:1px dotted black;
padding:10px;
text-indent:2em;
overflow:auto;/*自动裁剪溢出*/
}
</style>
<head/>
<body>
<h1>overflow:auto 属性</h1>
<p>如果将值设置为auto ，相当于scroll，只是在必要时添加滚动条。</p>
<div>
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
这是一个自动剪裁溢出的字段。
</div>
</body>
</html>
运行效果：
评论