Size: a a a

CSS — русскоговорящее сообщество

2020 June 10

MC

Michael Chechin in CSS — русскоговорящее сообщество
источник

SK

Sergey Kozhin 🚀 in CSS — русскоговорящее сообщество
Ребята почему значение свойства grid-template-areas у меня не валидно? https://codepen.io/kozhin2012/pen/abddWyX
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
Sergey Kozhin 🚀
Ребята почему значение свойства grid-template-areas у меня не валидно? https://codepen.io/kozhin2012/pen/abddWyX
Всё вроде правильно, попробуй grid-area указать без кавычек
источник

MC

Michael Chechin in CSS — русскоговорящее сообщество
Михаил Христенко
Пачку наложенных друг на элементов нужно обернуть рамкой и встроить в общий поток. Если коротко. Абсолютны — чтобы наложились друг на друге в точке (0,0 - верхний левый угол) каждая.
релятивы надо знать текущие высоты . да.

Но если первым поставить самый высокий  статик , он будет распирать , а остальные абсолютоы? )
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
Sergey Kozhin 🚀
Ребята почему значение свойства grid-template-areas у меня не валидно? https://codepen.io/kozhin2012/pen/abddWyX
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
Sergey Kozhin 🚀
Ребята почему значение свойства grid-template-areas у меня не валидно? https://codepen.io/kozhin2012/pen/abddWyX
источник

МХ

Михаил Христенко... in CSS — русскоговорящее сообщество
Michael Chechin
релятивы надо знать текущие высоты . да.

Но если первым поставить самый высокий  статик , он будет распирать , а остальные абсолютоы? )
Так в том то и дело, что дочерние блоки все разных непредсказуемых размеров. Не знаю заранее, какой там будет больше, какой меньше. Склиеватся сами блоки прекрасно, но родитель уже не видит размеров своих absolute-дочерних элементов. Родитель схлопывается. Повторяю: заранее размеры дочерних блоков неизвестны (они динамичны). Очевидно, что ширина_родителя=max(ширина1,ширина2,ширина3), а высота_родителя=max(высота1,высота2,высота3). Нужно как-то распереть родителя, а как это сделать, если у меня дочерние элементы размеров для этого родителя не имеют? (ибо absolute). Если бы дочерние были relative — ихние бы размеры сохранились, но уже не угадаешь как их слепить в одной точке верхними правыми углами.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Михаил Христенко
Так в том то и дело, что дочерние блоки все разных непредсказуемых размеров. Не знаю заранее, какой там будет больше, какой меньше. Склиеватся сами блоки прекрасно, но родитель уже не видит размеров своих absolute-дочерних элементов. Родитель схлопывается. Повторяю: заранее размеры дочерних блоков неизвестны (они динамичны). Очевидно, что ширина_родителя=max(ширина1,ширина2,ширина3), а высота_родителя=max(высота1,высота2,высота3). Нужно как-то распереть родителя, а как это сделать, если у меня дочерние элементы размеров для этого родителя не имеют? (ибо absolute). Если бы дочерние были relative — ихние бы размеры сохранились, но уже не угадаешь как их слепить в одной точке верхними правыми углами.
конечно не видит, они не в потоке
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
нельзя, считай скриптом размеры наибольшего
источник

SK

Sergey Kozhin 🚀 in CSS — русскоговорящее сообщество
Владимир Поротников
Всё вроде правильно, попробуй grid-area указать без кавычек
Ничего не правильно. У меня грид в 12 колонок и я не могу грид ареи в 2 ряда в него указать, а почему хз волшебство.
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
Sergey Kozhin 🚀
Ничего не правильно. У меня грид в 12 колонок и я не могу грид ареи в 2 ряда в него указать, а почему хз волшебство.
я ж указал, видишь?
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
я их и в строки поставил и в колонки
источник

SK

Sergey Kozhin 🚀 in CSS — русскоговорящее сообщество
Владимир Поротников
я их и в строки поставил и в колонки
Я тоже другие примеры копирую и работают. Я не догоняю почему мой не работает.
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
кавычки убери
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
у grid-area
источник

SK

Sergey Kozhin 🚀 in CSS — русскоговорящее сообщество
У меня нет там кавычек
источник

МХ

Михаил Христенко... in CSS — русскоговорящее сообщество
Michael Chechin
релятивы надо знать текущие высоты . да.

Но если первым поставить самый высокий  статик , он будет распирать , а остальные абсолютоы? )
Так в том то и дело, что дочерние блоки все разных непредсказуемых размеров. Не знаю заранее, какой там будет больше, какой меньше. Склиеватся сами блоки прекрасно, но родитель уже не видит размеров своих absolute-дочерних элементов. Родитель схлопывается. Повторяю: заранее размеры дочерних блоков неизвестны (они динамичны). Очевидно, что ширина_родителя=max(ширина1,ширина2,ширина3), а высота_родителя=max(высота1,высота2,высота3). Нужно как-то распереть родителя, а как это сделать, если у меня дочерние элементы размеров для этого родителя не имеют? (ибо absolute). Если бы дочерние были relative — ихние бы размеры сохранились, но уже не угадаешь как их слепить в одной точке верхними правыми углами.
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
Sergey Kozhin 🚀
У меня нет там кавычек
а ты какого результата хочешь добиться вообще?
источник

ВП

Владимир Поротников... in CSS — русскоговорящее сообщество
у тебя не может main растянуться на верхнюю строчку и занять ещё половину второй
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Михаил Христенко
Так в том то и дело, что дочерние блоки все разных непредсказуемых размеров. Не знаю заранее, какой там будет больше, какой меньше. Склиеватся сами блоки прекрасно, но родитель уже не видит размеров своих absolute-дочерних элементов. Родитель схлопывается. Повторяю: заранее размеры дочерних блоков неизвестны (они динамичны). Очевидно, что ширина_родителя=max(ширина1,ширина2,ширина3), а высота_родителя=max(высота1,высота2,высота3). Нужно как-то распереть родителя, а как это сделать, если у меня дочерние элементы размеров для этого родителя не имеют? (ибо absolute). Если бы дочерние были relative — ихние бы размеры сохранились, но уже не угадаешь как их слепить в одной точке верхними правыми углами.
я тебе уже ответил
источник