overfloat溢出

最新推荐文章于 2022-04-21 20:26:46 发布

渴望成为大佬

最新推荐文章于 2022-04-21 20:26:46 发布

阅读量654

点赞数

分类专栏：前端学习文章标签： overfloat

本文链接：https://blog.csdn.net/qq_39787515/article/details/83472850

版权

前端学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title> oveflow</title>
    <style>
        .c1{
            width: 100px;
            height: 100px;
            border: 1px solid black;
            overflow:scroll;
            /*overflow: auto;左右没有滚动条*/
            /*overflow: hidden 隐藏，无法滚动，超出无法看到*/

        }
        img{
          max-height: 100%;
            max-width: 100%;
        }
        #i1{
            height: 100px;
            width: 100px;
            border: 1px solid red;
            border-radius: 100%;
            /*overflow: hidden;*/
        }
    </style>
</head>
<body>
<div class="c1">
    海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧 海燕你可长点心吧
</div>
<img id= "i1" src="1.jpg" alt="">
</body>

在这里插入图片描述