这是一个关于HTML的问题

overflow :hidden 清除的是盒子宽高，padding 之外的东西吗？
overflow :hidden 清除的是盒子宽高，padding 之外的东西吗？
overflow :hidden 清除的是盒子宽高，padding 之外的东西吗？
overflow :hidden 清除的是盒子宽高，padding 之外的东西吗？
overflow :hidden 清除的是盒子宽高，padding 之外的东西吗？

官方文档****

# overflow

visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden  内容会被修剪，并且其余内容是不可见的。
scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

可以理解为border以外的区域吧，超出部分不显示，但不是清除

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div.container{
            width:200px;
            height:200px;
            background-color:rgba(100,100,100,0.1);
            padding:20px;
            border:10px solid rgba(0,0,200,0.1);
          /*   overflow:hidden; */

        }
    </style>
</head>
<body>
     <div class='container'>
         <img src='C:\Users\admin\Desktop/微信图片_20190812093152.jpg'/>
     </div>

    <script>


    </script>
</body>
</html>

通过chrome浏览器测试发现，overflow隐藏范围以padding-box为边界。即以border的内边界为剪切边界。
图片说明

overflow :hidden
hidden 是隐藏的意思它没有改变盒子宽和高的作用只是把盒子当做一个框了而处于这个框外的东西你看不见但是它还是存在的

hidden相当于让你在有一个窗子的房间看外面的天空，你只能看到一部分。