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) 编辑收藏举报