Содержимое клипа внутри div с другим div

Question

Я работаю над каким-то графическим приложением. Есть элементы внутри контейнера div, и есть еще один div сверху, который должен закрепить все элементы внутри, если он.

Вот пример: http://jsfiddle.net/n6m4n750/

Красный прямоугольник "#clip должны обрезать все элементы внутри #container DIV, так что любые элементы или части элемента, который находится за пределами #clip DIV, будут скрыты.

Как это можно сделать?

Любая помощь будет оценена по достоинству.

Answer 1

Невозможно по-настоящему закрепить его, насколько я знаю.

Если фон белый, вы можете моделировать идею givind огромную белую тень вокруг него

#clip { 
    position: absolute; 
    width: 300px; 
    height: 300px; 
    border: solid 2px red; 
    top: 50px; 
    left: 50px; 
    box-shadow: 0px 0px 0px 1000px white; 
} 

demo

Answer 2

Добавьте следующий CSS к #clip:

box-shadow: 0px 0px 0px 25px white; 

Здесь белая тень #clip перекрывает содержимое, которое необходимо обрезать, что дает эффект отсечения.

DEMO.