lovecoding
/
J250419


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>CSS溢出</title>
    <style>
        /*
        overflow属性 用来控制某些区域不能容纳的内容
        属性值：
            visible 默认的，溢出的时候没有裁剪，内容放在元素框外进行渲染。
            hidden 溢出就会被裁剪，其余内容不可见
            scroll 溢出就会被裁剪，同时添加滚动条来查看其余内容
            auto 和scroll类似，但是是在必要的时候添加滚动条
        overflow属性只有在指定了具体高度的时候，才有效。
        */
        div {
            width: 200px;
            height: 200px;
            border: solid 5px red;
            position: absolute;
            overflow: scroll;
        }
    </style>
</head>
<body>
<div>
    <p>
        123456789，123456789，123456789，123456789，
        123456789，123456789，123456789，123456789，
        123456789，123456789，123456789，123456789，
        123456789，123456789，123456789，123456789
    </p>
</div>
</body>
</html>