Как сверстать адаптивные блоки
Страницы: 1
Как сверстать адаптивные блоки
smile:confused:Вроде простая задача, не могу придумать как расположить блоки что бы в адаптивном виде изменялось расположение (без позишен абсолют) смотрите схему на картинке.
verstka.png (28.47 КБ) [ Скачать ]

Бесплатная контекстная реклама

Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.
Цитата
Ansy пишет:
Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.
Сделал, 3 блок становится на уровне высоты со 2, хотя место есть но почему то не поднимается на верх до 1
получилось, надо убрать у 3 блока флоат и добавить ему display: inline-block
Изменено: SergF - 22 Февраля 2018 20:47
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
00:22 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
00:00 Выбор ключевых слов для главной страницы 
23:23 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
19:56 ClickDealer- свои люди на рынке буржа! 
18:57 WelcomePartners – ведущая гемблинг партнерка рунета! 
16:44 Adsense личный опыт 
14:31 Тизерная сеть "Облако Кликов" – новостной трафик с крупнейших СМИ Рунета 
00:05 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
20:31 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
18:05 Оформление группы Вконтакте, создаем уникальный дизайн 
16:43 Продам аккаунт Облако@Mail.ru на 1Tb 400р 
16:26 Внешнее продвижение сайтов качественно! Быстрое выполнение, на форуме с 2009 года! 
15:16 «Взрываем языковые преграды» – переводим любые тексты 
13:31 Настройки ленты на плагин Wpgrabber для WordPress 
00:28 Продвижение сайта через Вконтакте? 
23:55 Натуральные VS Искусственные 
23:52 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р) 
21:39 Где и как встретите Новый год? 
17:06 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув 
14:58 Новая тизерная сеть Actionteaser.ru 
12:17 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок