Есть ли способ разместить CSS внутри Div? CSS из одного Div отображается в другом Div ⇐ CSS

[Anonymous]

Я пытаюсь понять, как мне сделать так, чтобы CSS из одного div не начинался с другого div.

Под этим я подразумеваю, как я могу разместить position: fix на элементе только внутри определенного элемента div?

Например, вот мой HTML, CSS и JS:

#blue_square{ положение: фиксированное; правильно: 0; z-индекс: 9; ширина: 370 пикселей; box-shadow: 0 0 6px прозрачный; } $("#blue_square").css("top", $(window).height() / 2 - 90) Как видите, здесь нужно разделить элементы div: blueBackground и divTwo.

Проблема, которую я вижу, заключается в том, что мой CSS из divTwo каким-то образом начинается с blueBackground div. Вот снимок: пример 1.

Я хочу, чтобы CSS для #blue_square применялся только внутри divTwo, а не за его пределами. Почему диаграмма «синий квадрат» начинается с blueBackground, а не с divTwo? Я пытаюсь сделать это так: пример 2

Что-то мне не хватает в CSS или JQuery?