Самое главное - разобрался :)

ага, точняк! Спасибо, удачи!

И тебе 🤘

Спасибо, бро!🤘

🔥🔥🔥🔥🔥🔥🔥

Может кому-то будет интересно @netfob

добрый вечер всем. Может есть у кого идеи, как реализовать что-то подобное: есть родительский контейнер, внутри которого находятся дочерние, расположеные в столбик. У родителя фиксирована ширина, высота динамическая. У детей фиксирована высота, а ширина динамическая и может быть больше ширины родителя. В общем задача в том, чтобы дети стакались внутри родителя, растягивали его по высоте, но при этом не меняли ширину. Скриншот того, что есть сейчас для наглядности. Решение нужно на ЦСС. Данных может быть много и менять все при помощи джса накладно. Абсолют работает, но он не меняет высоту.

но ширину контейнера я тут все таки меняю при помощи жса.

А что это будет? Календарь с интервалами?

Ну типа того, да. Элементы драгаются. Могут жить в одной ячейке и не должны накладываться друг на друга. Абсолют использовал потому что не придумал другого способа вывести ширину за границы родителя. Соответственно ширина показывает длительность (по количеству перекрываемых ячеек)

ну с позишен абсолют я думаю тебе проблему не решить, так как контент просто выпадет из блока. Я бы пробовал задать родителю дисплей флекс, и флекс-врап: новрап (чтобы дети не стали в 2ряда). Центровать елемент недавно пробовал через маргин лефт и маргин райт 50%, а так же трансформ:транслейт(-50% - для горизонтального выравниваия). Етот способ позволяет вылезти за пределы родителя =)

да, знаю, что выпадает, в этом и проблема)

У меня сейчас структура такая: ячейка с позишн релейтив, внтри нее контейнер с абсолютом, на нем флекс, и флекс уже позиционирует детей в столбик.

И мне их не нужно центрировать. Наоборот прижать к левому краю

Ненавижу фронт
И ничего подсказать не могу
Единственное что видел подобное в компоненте  библиотеки primereact
https://primefaces.org/primereact/showcase/#/fullcalendar

Если посмотришь в примере на Long Event, то я так понял это то что тебе нужно
Может подсмотришь реализацию
А может и нет
Не зняю :(

margin-right - 100%, margin-left - 0%

как я и говорил

абсолютом не получиться)

да, согласен

спасибо! посмотрю

Не за что
Вспомнил что ты ангуляр-парень
https://primefaces.org/primeng/showcase/#/fullcalendar
На ангуляре тоже есть реализация, но сомневаюсь что с точки зрения css компоновки там что-то меняется

ну надо подробней поизучать что у них там да как