Почему блок растягивается на всю ширину?

Question

[Илья Пирожок]

Сижу над этой проблемой около 3-х часов. Есть два блока. Родитель и потомок. У родителя стоит posirion:relative, у потомка absolute. Проблема заключается в том что потомок автоматов растягивается на всю ширину родительского блока, а не под размеры контента. Пробовал задавать разные параметры width, бесполезно. Кто может подсказать?

Кажись понял в чем дело. И у родителя и у потомка ширина задана в %. То есть они не могут зацепиться за какое то число а берут ширину от своих родителей, соответственно и потомок с абсолютом растягивается на 100% ширины.

Comments

[Vitaliy]

какой display у потомка?

Answer 1

[kn1ght_t]

fiddle>?

Answer 2

[Никита Кит]

просто задай строгий width в пикселях абсолюту (с другими единицами измерения у абсолюта проблемы) и централизуй по margin: ... auto выйдет у тебя абсолютовый контейнер в релативном контейнере.
Правда зачем абсолют... немного не пойму. кодпень кидай или jsfiddle

Comments

[Илья Пирожок]

Не могу в онлайн редакторы залить. Это готовый проект и кода слишком много

Answer 3

[Mike Syomin]

Оберни его в блок нужной ширины. Возможно поможет, хотя мы просто так сейчас вилами по воде водим.

Answer 4

[novrm]

Во первых: не posirion:relative, а position:relative.
Во-вторых: position:absolute

Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

Другими словами указав position:absolute вы делаете блок абсолютно независимым от других блоков, в том числе и родительского. Единственное влияние - отсчет координат верхнего левого края абсолютного блока.

Comments

[Илья Пирожок]

Спасибо конечно, но это думаю все знают)

[novrm]

Ладно...
Тогда чего вы ожидаете приписывая блоку position:absolute?
Что у вас на сайте он будет работать иначе?

[Алексей]

novrm: не совсем так, если у родителя указан позишн релатив, а у дочернего абсолют( собственно как у ТС), то позиционирование дочернего блока будет в рамках родительского

[Илья Пирожок]

Алексей: Именно. Ошибка была в ширине родителя, она была в % и потомок не понимал от чего считать свою ширину (которая тоже была в %)

Answer 5

[Алексей]

для дочернего блока float: left
для родителя overflow: hidden

Хотя странно, щас попробовал, все норм, работает и без флота