Возможно ли разместить DIV относительно другого DIV? Я предполагаю, что это можно сделать, предварительно разместив его внутри ссылочного DIV, а затем используя position: relative. Тем не менее, я не могу понять, как это сделать, не затрагивая содержание ссылки DIV. Как я могу сделать это правильно?Позиция DIV относительно другой DIV?
Спасибо! =)
position Первый набор родительского DIV для relative (с указанием смещения, т.е. left, top и т.д. не надо), а затем применить position: absolute к ребенку DIV с смещения вы хотите.
Это просто и должно хорошо сделать трюк.
[Пример] (http://jsfiddle.net/CDmGQ/2/) –
Это сделало это, спасибо! :) Я отвечу на ваш ответ как можно скорее. – Nathanael
Не работает для меня. Он работает только в том случае, если я добавляю добавку или маржу, таким образом позиционируя второй div ниже первого. –
Вам нужно установить ПОлОжЕНИЕ: относительно космического DIV и положения: абсолютного внутренних дел.
Попробуйте это. Вот Demo
#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;
}
вы можете использовать position:relative; внутри #ONE DIV и position:absolute внутри #two дел. you can see it
Что вы делаете из серого div с красным div в этом примере? – Rooster
Я не понимаю вопроса. Что вы имеете в виду, не затрагивая содержание ссылки DIV? Можете ли вы представить изображение запрошенного результата? –