CSS-overflow

1. overflow:hidden; 超出的部分就不显示了。overflow是溢出的意思。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height:80px;width:90px;overflow:hidden;">
        <img src="1.png">
    </div>
</body>
</html>

 运行结果:

 

2. overflow:auto  超过大小的话,就出现滚动条。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height:80px;width:90px;overflow:auto;">
        <img src="1.png">
    </div>
</body>
</html>

 运行结果:

 

posted on 2017-08-24 12:16  momo8238  阅读(157)  评论(0编辑  收藏  举报