Как заставить родительский блок растягиваться до размеров дочернего?

Question

[Дмитрий]

Добрый день! Сабж!
Есть простая разметка:

<style>
    .parent {
        position: relative;

        min-height: 50px;

        background: yellow;
    }

    .child {
        position: absolute;

        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        height: 100px; /* блок стал больше минимальной ширины родительского */

        background: red;
    }
</style>

<div class="parent">
    <div class="child"></div>
</div>

Есть ли способ, заставить родительский элемент .parent автоматически принимать высоту дочернего .child, с учетом абсолютного позиционирования оного? БЕЗ JS!

Comments

[Вадим]

Вы, задав position: absolute, ребёнка вынули из потока.

[Дмитрий]

Вадим, Да! Но возможно есть решения...

[Сергей delphinpro]

Дмитрий, решения для вашего вопроса нет. Решение для вашей задачи возможно есть.

[Ankhena]

Можно попробовать перестать задавать абсолют и решить проблему, например, гридами.

Но для этого нужно знать, какую проблему нужно решить на самом деле.

[Дмитрий]

Сергей delphinpro, Жаль! Думал что существует что-то подобное clearfix для float

[Дмитрий]

Ankhena, Можно конечно! Переписать всю существующую разметку, поменяв логику, вместе с разметкой и стили, попутно столкнувшись с другой проблемой... Которая проистекает из решения предыдущей :D
Можно разметку не менять и организовать все иначе, но я хочу так, как я задумал :) На данный момент, как минимум, есть 2-а варианта дизайна, вот только эти варианты менее юзабилити и юзерфрендли.
Приводить весь код смысла нет, его слишком много!

[Ankhena]

Дмитрий, вода это очень интересно.
Но дело ваше.

[Дмитрий]

Ankhena, Простите, что значит "вода"? По моему, вопрос вполне конкретный...

[Ankhena]

Дмитрий, вода это значит, никакой конкретики с описанием задачи. А не вторичной задачи, которая возникла уже в следствии решения основной с помощью абсолюта.

На ваш первый конкретный вопрос про абсолют, ответ - нет.

Правда, возникает еще вопрос: если у абсолюта известна высота 100 и нужно, чтобы родитель был не меньше этих 100, то на кой черт писать родителю 50?
Или даже много вопросов.
Судя по координатам ребенка, вы хотите сделать его по размеру родителя. Тогда зачем вообще история с его высотой? Имитируете выпадение по содержимому? Тоже не подходит под ваши стили.

[Дмитрий]

Ankhena, Думаете обитателям toster-а будет интересно ковыряться в огромной разметке, в попытка реализовать то, что задумал автор? С учётом того, что исходник нужно еще и скачать, после чего, запустить окружение для разработки... Кому это вообще нужно?
Тем более, что это уже будет не вопрос! Это будет задание! Если вы читали правила, вы знаете про пункт "Задачи и задания", надеюсь что знаете...

Я получил ответ и могу двигаться дальше в поисках компромисса между "работает" и "удобно для пользователя".

[Ankhena]

Дмитрий, эммм
Достаточно скрина того что нужно получить и маленькой песочницы с проблемой.
При чем тут весь проект..

[Дмитрий]

Ankhena, Вижу что вы сильно хотите мне помочь. У меня складывается впечатление, что вы готовы уделить мне сколь угодно своих сил и ресурсов. Посему, вот скрин, вот "маленькая песочница"

[Ankhena]

Дмитрий, Песочница огонь, особенно комментарий :)
Я девочка обычно догадливая, но тут вообще не придумывается кого из них вы назначили желтым релативом, внутри которого абсолют на всю его площадь, но потом вываливается, потому что фикс высота.

Вижу из меню вываливается да, абсолют. Потом у него растет тень :)

И кстати, сказать как делать или написать всё за вас это совсем разные вещи. Это к теме про задания.

[Ankhena]

Дмитрий, понятно :)

Answer 1

[Дмитрий]

Согласно комментарию Сергей delphinpro решения нет!