演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 150px;height: 200px;border: 1px #ff0000 solid;
/* overflow: visible; */
overflow: hidden;
/* overflow: scroll; */
/* overflow: auto; */
}
</style>
</head>
<body>
<!--
溢出处理:overflow
visible:内容不会被修剪,会显示在元素框之外,默认值;
hidden:溢出内容剪掉,溢出内容不可见;
scroll:内容修剪,出现滚动条查看溢出修剪的内容;
auto:当内容大于元素框,出现滚动条;反之不会显示。
-->
<!-- <div><img src="bj.jpg" ></div> -->
<div>
我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学
我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学
我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学我要自学
</div>
</body>
</html>