Как сделать два дивы пересекаться, не зная Absolution постион

Question

Мне нужно два дивы выглядеть немного так:

|    | 
---| DIV I  |------------------------ 
| |_______________|      | 
|    DIV II      | 

Это простая задача, если я знаю, что абсолютное положение, но мои дивы можно перетаскивать с JQuery .draggable(), поэтому позиция неизвестна.

Как я могу выполнить эту задачу?

Answer 1

Если вы позиционируете div I относительно внутри div II, вы можете нарисовать его «вне» div II с помощью отрицательного поля. Например:

.divi { 
    width: 200px; 
    height: 70px; 
    margin-top: -40px; 
    margin-left: 30px; 
} 

Если, однако, диви может быть втянут также, то вы можете иметь немного проблем, делающие эту работу с чистым CSS.

Answer 2

Если вам нужно, чтобы ваш логотип находился над содержимым div, но оба div могут быть перемещены в любой момент, или один из них, вы пробовали использовать z-index логотипов div как нечто действительно высокое, как z-index: 9999; чтобы он всегда отображался над содержимым div (это, если я правильно понимаю вопрос).