JavaScript,CSS:剪辑到父DIV内部

JavaScript, CSS: Clip to be inside parent DIV

本文关键字:DIV 内部 CSS JavaScript      更新时间:2023-09-26

>上下文

我有一堆嵌套的 DIV(实现一个简单的窗口系统,用于学习目的,使用 DIV)。

问题:

设divA =divB 的孩子。

现在,理想情况下,我希望divA 的内容被"剪辑"在divB 中。

因此,如果我拿divA,并将其拖到右侧......当它超出divB 的边界时,我希望divB 之外的divA 部分被砍掉而不显示。

问题:

我该怎么做?如何使用一个div 来剪辑/遮罩另一个div?

谢谢!

被称为:

.divA {
    overflow: hidden;
}

W3 学校

使用 css overflow 属性。点击此链接查看overflow有哪些值