Size: a a a

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

2020 June 05

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
WwW
подскажите поалуйста, как позиционировать блок по центру с такими свойствами:
position: absolute;
  z-index: 1;
  width: 70%;
  height: 70;
transform: translate(-50%, -50%);
источник

T

Tim in CSS — русскоговорящее сообщество
WwW
подскажите поалуйста, как позиционировать блок по центру с такими свойствами:
position: absolute;
  z-index: 1;
  width: 70%;
  height: 70;
если ты хочешь через absolute то
left: 50%
top: 50%
transform: translate(-50%, -50%)
но вообще лучше флексом
источник

T

Tim in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
transform: translate(-50%, -50%);
да, вот такой вариант лучше
источник

W

WwW in CSS — русскоговорящее сообщество
спасибо
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Sergey
Переслано от Sergey
Мб кто хорошо разбирается в верстке. есть вопрос. Нужно сделать D компонент со скроллом по вертикали, при условии что высота компонента C может меняться. Остальное одинаковой высоты. Пытался с height: calc(100vh - все что выше px) , но проблема в том, что компонент C имеет нефикс. высоту. Можно ли как-то это сделать ?...
блок Д делать абсолютом. топ - ваш отступ какой-то, боттом 0
источник

S

Sergey in CSS — русскоговорящее сообщество
Tim
Как ты собрался врубать скролл если у тебя у контейнера нефиксированная высота? скролл это опция overflow, то есть значит что у контейнера не влезает контент. Если высота у него не ограничена то контент будет влезать всегда, и скролл будет появляться у всего документа или у родителя с ограниченной высотой.
я бы хотел, чтобы D начинался после С и видимая область была до конца родителя (остальное - скролл).

Высота родителя известна, например height: calc(100vh - C)
источник

S

Sergey in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
блок Д делать абсолютом. топ - ваш отступ какой-то, боттом 0
Слушайте, хорошая идея, попробую. Спасибо
источник

АА

Андрей Андрей... in CSS — русскоговорящее сообщество
всем привет а кто-то пользовался stylelint ? есть аналог команды stylelint —fix (с php шторм)  в vs code?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Андрей Андрей
всем привет а кто-то пользовался stylelint ? есть аналог команды stylelint —fix (с php шторм)  в vs code?
а при чем тут среда? ты вызываешь это в терминале
источник

АК

Арман Кущянов... in CSS — русскоговорящее сообщество
Всем привет
источник

АК

Арман Кущянов... in CSS — русскоговорящее сообщество
Подскажите как такой инпут сверстать, я чет не нашел нечего
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Арман Кущянов
Подскажите как такой инпут сверстать, я чет не нашел нечего
потому что это инпут + кнопка
источник

АК

Арман Кущянов... in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
потому что это инпут + кнопка
а как их соединить?
источник

SK

Sher Khan in CSS — русскоговорящее сообщество
Арман Кущянов
а как их соединить?
рядом поставить
источник

T

Tim in CSS — русскоговорящее сообщество
Арман Кущянов
а как их соединить?
Сложи в одну обертку
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Арман Кущянов
а как их соединить?
как-то так
источник

АК

Арман Кущянов... in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
как-то так
😂
источник

АА

Андрей Андрей... in CSS — русскоговорящее сообщество
Vitaliy Kirenkov
а при чем тут среда? ты вызываешь это в терминале
не работал  с stylelint в vs code и подумал что есть другая команда а не stylelint —fix(или я что-то не настроил?)
источник

m

mazya in CSS — русскоговорящее сообщество
Это команда в терминале, хоть в командной строке пиши
источник

d

ds in CSS — русскоговорящее сообщество
Есть шаблон (фиксированно зажат на 100%):  шапка 5%, контент 90%, футер 5%; контент зажат в тисках, ничего не скролируется, открывается на разных устройствах, возможно ли как-то сохранить пропорцию блоков, даже на очень узкий экранах? Есть единицы vh, vw, зависящие от высоты/ширины экрана, но важно, чтобы контент в теле никогда не уползал вниз (на нём overflow: hidden), т.е необходимо держать блоки в пропорциях: замахнулся на функцию расчёта от calc; но может есть другой способ как-то базироваться на значениях aspect ratio / viewport'а?

может воюю не туда )

т.е 100px - на большом экране смотрится ок, но на мелочных - это уже огромно, необходимо завязываться на пропорции, либо делать через calc, как лучше?)
источник