Как сверстать адаптивные блоки

Сообщений: 235 Регистрация: Янв 2014

21 Февраля 2018 19:15

:confused:Вроде простая задача, не могу придумать как расположить блоки что бы в адаптивном виде изменялось расположение (без позишен абсолют) смотрите схему на картинке.

Прикрепленные файлы

verstka.png (28.47 КБ) [ Скачать ]

Ansy

Сообщений: 108 Регистрация: Мар 2012

21 Февраля 2018 22:20

Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.

SergF

Сообщений: 235 Регистрация: Янв 2014

21 Февраля 2018 22:31

Цитата
Ansy пишет: Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.

Сделал, 3 блок становится на уровне высоты со 2, хотя место есть но почему то не поднимается на верх до 1

SergF Сообщений: 235 Регистрация: Янв 2014	#4 22 Февраля 2018 20:19 получилось, надо убрать у 3 блока флоат и добавить ему display: inline-block Изменено: SergF - 22 Февраля 2018 20:47

Новые темы	Объявления	Свободное общение
21:51 Stixi.ru. и stixi.com 16:22 Работает ли ссылочное продвижение 2019 – 2020? 14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:07 Взрывной рост роботности в Метрике 18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик	06:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:21 Sectormoney.com - быстрый и удобный обменник 17:27 Уникальный сервис SEO продвижения 05:08 [WORDPRESS] [Gemini\|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 14:51 Мощные прокси для вашего бизнеса! 12:17 Продам дешёвые домены (1$/штука)	04:06 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

Новые темы

Объявления

Свободное общение

21:51 Stixi.ru. и stixi.com
16:22 Работает ли ссылочное продвижение 2019 – 2020?
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950
10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
21:07 Взрывной рост роботности в Метрике
18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика
15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик

06:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
20:21 Sectormoney.com - быстрый и удобный обменник
17:27 Уникальный сервис SEO продвижения
05:08 [WORDPRESS] [Gemini|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт.
14:51 Мощные прокси для вашего бизнеса!
12:17 Продам дешёвые домены (1$/штука)

04:06 Точные прогнозы на футбол
20:09 Сколько сейчас стоит наполнение ИМ?
12:43 Куплю проигрышные букмекерские аккаунты
04:33 Половина скидок на распродажах — фейк
07:53 НейроБабушка наказывает мошенников
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

12.09.2017 17:51	Бесплатно сверстать дизайны UI (iOS)
13.06.2017 21:44	Нужно помочь сверстать или подобрать шаблон для wordpress
20.04.2017 21:23	Как правильно сверстать нестандартное меню?
19.06.2016 14:47	Сколько стоит сверстать шаблон дле? Ваши варианты.
02.04.2014 14:55	Готов сверстать 1 станичный PSD макет.