overflow:在外部div上自动隐藏内部div的长方体阴影

overflow是CSS中的一个属性，用于控制元素内容溢出时的处理方式。它可以应用于包含块级元素的容器元素，用于控制容器中内容超出容器尺寸时的表现。

overflow属性有以下几个取值：

1. visible：默认值，内容会在容器外部显示，不会被裁剪，可能会覆盖其他元素。
2. hidden：内容会被裁剪，超出容器尺寸的部分将被隐藏。
3. scroll：显示滚动条，即使内容没有超出容器尺寸也会显示滚动条。
4. auto：根据内容是否超出容器尺寸来决定是否显示滚动条。

在本问题中，我们需要实现在外部div上自动隐藏内部div的长方体阴影。为了实现这个效果，我们可以将外部div的overflow属性设置为hidden，这样当内部div的内容超出外部div的尺寸时，超出部分将被隐藏。

示例代码如下：

<style>
  .outer {
    width: 200px;
    height: 200px;
    overflow: hidden;
  }

  .inner {
    width: 300px;
    height: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
</style>

<div class="outer">
  <div class="inner"></div>
</div>

在上述代码中，外部div的尺寸为200px × 200px，内部div的尺寸为300px × 300px，并且设置了一个长方体阴影。由于外部div的overflow属性被设置为hidden，超出外部div尺寸的部分将被隐藏，因此内部div的长方体阴影只会在外部div范围内显示，超出部分将被裁剪隐藏。

推荐的腾讯云相关产品：在这个问题中，腾讯云的产品与overflow属性没有直接关联，因此无法提供相关产品和产品介绍链接地址。