Перейти к содержимому

MOAB

- - - - -

помощь в верстке флексами.

flex

  • Войдите, чтобы ответить
Сообщений в теме: 3

#1 protector

protector

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 2 972 сообщений
1 565
  • ИзСанкт-Петербурга

Отправлено 04 Май 2018 - 17:22

Пробую изучать флексы на примере верстки одного макета.
Вот что получается для десктопа и моб версии http://www.cssdesk.com/xUjP7
Но не понимаю, как убрать пустоту над "блоком2", чтобы блок1 и блок2 шли сразу после заголовка на одной высоте?
В моб версии - всё правильно сделано.

Использовать position:absolute - не хочу.
Флоатами можно. Но хотел от них отказаться.

Как это сверстать?

#2 Valek

Valek

    ВСтатусе

  • Активный участник
  • PipPipPipPip
  • 1 387 сообщений
1 997
  • ИзРоссии :(

Отправлено 04 Май 2018 - 20:35

protector, надо уяснить один момент. Флексы работают только или с строкой или с колонкой. Это один из минусов флексов, поэтому надо делать обвязку. Эту проблему решают новая технология grid, работает одновременно с строками и колонками. но она еще очень сырая.

кое-че еще подчистил, что бы познать некоторые ништяки
http://www.cssdesk.com/9s6HZ
Отличный хостинг низкие цены, высокое качество и SSL Ссылка на сайт

#3 protector

protector

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 2 972 сообщений
1 565
  • ИзСанкт-Петербурга

TC Отправлено 10 Май 2018 - 17:28

Просмотр сообщенияValek (04 Май 2018 - 20:35) писал:

protector, надо уяснить один момент. Флексы работают только или с строкой или с колонкой. Это один из минусов флексов, поэтому надо делать обвязку. Эту проблему решают новая технология grid, работает одновременно с строками и колонками. но она еще очень сырая.

кое-че еще подчистил, что бы познать некоторые ништяки
http://www.cssdesk.com/9s6HZ
Ясно. Значит флексами - никак.
В вашем варианте в моб версии заголовок будет после картинки, а не над ней.

Решил свою задачу с помощью флоатов - в десктопе, и перехожу на флексы в моб версии. Получается, что только так. ((

#4 Valek

Valek

    ВСтатусе

  • Активный участник
  • PipPipPipPip
  • 1 387 сообщений
1 997
  • ИзРоссии :(

Отправлено 10 Май 2018 - 21:24

Просмотр сообщенияprotector сказал:

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



Похожие темы


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных



© 2018 SMO&SEO форум «WEBIMHO» — продвижение и создание сайтов, интернет-маркетинг

По вопросам рекламы на форуме и цены на рекламу
Все материалы SEO форума разрешены к копированию только с установкой гиперактивной ссылки на webimho.ru,
тем, кто этого не сделает, мы оторвем руки и ноги и поменяем местами,
а когда выйдем из тюрьмы, опять оторвем и опять поменяем.


Россия, г. Москва

Мы в соцсетях: twitter | вконтакте | facebook | livejournal