transform与绝对定位元素的overflow隐藏实例页面

展示

代码

• HTML：

  <h4>默认，图片不会被溢出隐藏</h4>
  <p>
      <img src="1.jpg">
  </p>
  
  <h4>容器设置transform:scale(1)</h4>
  <p class="transform">
      <img src="1.jpg">
  </p>

• CSS：

  p {
      border: solid deepskyblue;
      width: 150px; height: 150px;
      overflow: hidden;
  }
  p > img {
      width: 200px; height: 150px;
      position: absolute;
  }
  
  .transform {
      transform: scale(1);
  }