Jquery 如何隐藏一个div中超出另一个div边界的部分

想象两个可拖动的div元素，大小都有可见的边框。假设小的在大的里面是完全可见的：你看到一个长方形里面有一个长方形。现在我们把SMALL拖到左边。当SMALL碰到BIG的左边框时，我希望SMALL的左边框消失，然后在左边有越来越多的SMALL内容。（这只是计算机屏幕上普通应用程序窗口的行为。）

我的主要问题是：如果没有大量的Javascript工作，这一切都可能实现吗？这可以通过“大部分”html和css实现吗

---

次要问题：如果上面的答案是“是”，我们将非常感谢您提供任何关于如何实现这一点的提示。

尝试使用大div css:overflow:hidden

您正在寻找CSS元素，overflow:hidden

例如，请参见以下内容：

有关详细信息，请在此处查看：

---

是的，@jordanglue完美；这适用于默认的流定位和相对定位（这是jQuery的DragTables使用的，也是我感兴趣的）。奇怪的是，这不适用于绝对定位元素。（备注：显然，我不能投票支持答案，因为我对stackoverflow完全陌生，而且我的声誉太低。对响应者来说似乎不太公平。）这就确定了默认位置和相对位置。（备注：显然我不能投票支持这个答案，因为我对stackoverflow完全是新手，而且我的声誉太低。对响应者来说似乎不太公平。）

<div style="background: red; overflow: hidden; width: 150px; height: 150px;">
    <div style="background: blue; width: 200px; height: 50px;">
    </div>
</div>