Позиция DIV относительно другой DIV?

Возможно ли разместить DIV относительно другого DIV? Я предполагаю, что это можно сделать, сначала разместив его внутри ссылочного DIV, а затем используя position: relative. Тем не менее, я не могу понять, как это сделать, не затрагивая содержание ссылки DIV. Как я могу сделать это правильно?

См.: http://jsfiddle.net/CDmGQ

Благодарю! знак равно

Ответы

Ответ 1

Первое заданное position родительского DIV к relative (указание смещения, т.е. left, top и т.д. Не требуется), а затем применить position: absolute к дочернему DIV со смещением, которое вы хотите.
Это просто и должно хорошо сделать трюк.

Ответ 2

Вам нужно установить положение: относительный внешний DIV и положение: абсолютный внутренний div.
Попробуй это. Вот демонстрация

#one
{
    background-color: #EEE;
    margin: 62px 258px;
    padding: 5px;
    width: 200px;
    position: relative;   
}

#two
{
    background-color: #F00;
    display: inline-block;
    height: 30px;
    position: absolute;
    width: 100px;
    top:10px;
}​

Ответ 3

Вы хотите использовать position: absolute то время как внутри другого div.

DEMO