Как правильно позиционировать div при его перемещении по отношению к другому div

0

Приносим извинения, если вопрос не сформулирован правильно. Не знаете, как это спросить. Написал это разными способами.

Чтобы лучше понять, вот образ. http://imgur.com/J1j418n

Я плаваю div слева в контейнере div и div справа. (плавающий заголовок div слева, а также именованные ресурсы) правый плавающий div - это карта. Я хотел бы переместить его на 20 или 30 пикселей, чтобы он был всего 5 пикселей от вершины контейнера div, как и заголовок div слева от него. Я хотел бы сделать это, продолжая по-прежнему плавать левый div (ссылки) в левой части карты div. Не ниже. Возможно, это было странно читать, но изображение иллюстрирует простоту. Как переместить карту div вверх так, чтобы она находилась только на 5 пикселей с верхней границы контейнера div, так как заголовок div находился слева

Заранее спасибо!

  • 0
    Какой код вы пробовали? Отрицательная маржа может быть быстро и легко исправить.
  • 0
    Не уверен, почему я не подумал об этом. Это сработало именно так, как мне было нужно. Благодарю. Хотите ответить на это?
Показать ещё 1 комментарий
Теги:

2 ответа

2
Лучший ответ

Попробуйте использовать отрицательный запас на карте div. Очень просто.

2
  • Создайте TWO, содержащую DIVS
  • Дайте им значение CSS "display" inline-block
  • Наслаждаться.
<div id='l' style="display:inline-block">
     <h2>A Header</h2>
     <p>This is a description...etcetera</p>
</div>
<div id='r' style="display:inline-block">
     <div id='theMap'></div>
</div>

По какой-то причине, хотя это работает только в том случае, если я буду плавать ими как слева, так и слева. http://jsfiddle.net/hX5eB/1/

  • 0
    Спасибо за ваш ответ тоже. Я тоже проголосовал за это. Это тоже работает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню