Question

想象一下两个可拖动的div元素，BIG和SMALL带有可见边框。让我们说SMALL在BIG中完全可见：你在矩形内看到一个矩形。现在我们将SMALL拖到左边。当SMALL击中BIG的左边界时，我希望SMALL的左边框消失，其后左侧的内容越来越多。（这只是计算机屏幕上普通应用程序窗口的行为。）

我的主要问题：如果没有广泛的Javascript工作，这一切都是可能的 - 这可以通过＆＃34;大多数＆＃34;来实现。 html和css？

次要问题：如果以上答案为＆＃34;是＆＃34;，我们将非常感谢任何有关如何处理此问题的提示。

Answer 1

尝试BIG div css：overflow：hidden;

Answer 2

您正在寻找CSS元素，overflow：hidden;

例如，请看： http://jsfiddle.net/PzfLK/

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

有关详细信息，请在此处查看： http://www.w3schools.com/cssref/pr_pos_overflow.asp

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

2 个答案: