CSS_ 溢出

溢出

• 四边

  • 属性名: overflow
  • 属性值:
    • hidden 隐藏溢出的内容
    • visible 显示溢出的内容
    • auto 通过 滚动条 显示溢出的内容

• 单边

  • 属性名:overflow-x
  • 属性名:overflow-y
  • 属性值:
    • hidden 隐藏溢出的内容
    • visible 显示溢出的内容
    • auto 通过 滚动条 显示溢出的内容

• 宽高:

  • width
  • height
  • min-width
  • max-width
  • min-height
  • max-height

<style>
        body{
            overflow-x: hidden;
        }
        .box{
            width: 200px;
            height: 200px;
            border: 2px solid red;
            /* border-radius: 100%; */
            overflow: hidden;
            overflow: visible;
            overflow: auto;
        }
        .box2{
            width: 1000px;
            height: 500px;
            background: pink;
        }
</style>

<div class="box">
        <img src="./img/3.jpg" >
</div>
<div class="box2"></div>