overflow的量两种模式

最新推荐文章于 2025-06-27 16:17:27 发布

转载最新推荐文章于 2025-06-27 16:17:27 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiangayz/p/8713357.html

本文通过示例展示了如何使用HTML中的div元素结合不同样式设置来处理图片的溢出问题，包括自动滚动和隐藏溢出内容两种方式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height: 200px;width: 300px;overflow: auto">
        <img src="QQ浏览器截图20180401180135.png">
    </div>

    <div style="height: 200px;width: 300px;overflow: hidden">
        <img src="QQ浏览器截图20180401180135.png">
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/qiangayz/p/8713357.html