Как сделать div в не занятом месте?

Question

Как сделать div в не занятом месте?

0

У меня есть следующее.

если вы видите, текст "asdasdasd" находится не в верхней части div. У меня есть div с двумя div внутри

<div id="widget">
<div id="header"> </div> 
<div id="content"> </div>
</div>

заголовок div имеет фиксированную высоту, и это фоновое изображение

если вы видите, что находится в красном цвете, часть фона заставляет меня нуждаться в том, чтобы div был больше, но он перемещает содержимое div вниз.

Я попытался подтянуть его с помощью margin-bottom: -Ypx; но я думаю, что это уродливое решение. я не могу найти то, что работает для меня.

кто-то может помочь (:?

lcjury 01 дек. 2013, в 19:40

Источник

0

Можете ли вы показать код HTML / CSS, который воспроизводит проблему?
acdcjunior 01 дек. 2013, в 18:24

Теги:

html

css

web

1 ответ

Ещё вопросы

Можете ли вы показать код HTML / CSS, который воспроизводит проблему?

DaniP · Accepted Answer · 2013-12-01T17-17-00.000Z

Да, вы можете использовать position:absolute чтобы не допустить заголовка div, вам нужны эти свойства:

#widget {
  position:relative;
}

_{Сделайте родительский родственник, таким образом позиция абсолюта заголовка будет относительно этого контейнера}

#header {
  position:absolute;
  top:0;
  left:0;
}

_{Положите абсолютное значение на верх и конец слева от его контейнера}

вау, это работает очень хорошо, спасибо Данко. Некоторое время назад мне не нравилось позиционирование, но в последнее время я использую их все больше и больше, я должен был потратить некоторое время и изучить их уловки.
да позиция приносит вам больше возможностей :) рад помочь вам