Как сделать два DIV, левый фиксированный, но не через float?

Question

[Имя Фамилия]

Такая ситуация.
Два блока в ряд.
Первый блок | Второй блок
Два блока реализованы так: второй блок - float:right и margin-left
Первый блок это реклама Adsense.
Если у пользователя включен адблок, то первй блок пустой и при этому второй блок расположен так, как будто первый отображается, так как второй блок margin-left
При таком варианте, если страницу сузить, то первый блок пойдет вниз, что тоже необходимо.

Подскажите как реализовать такой вариант чтобы:
- если адблок порежит Перый блок, то второй блок занял бы всю ширину
- если страницу сузить то Первый блок уходит под второй блок

Comments

[Ankhena]

flex: 1 правому блоку.
order: 2 левому блоку при нужном media условии

[Имя Фамилия]

Ankhena, подскажите пожалуйста, это корректно отображается в во всех браузерах?

[Ankhena]

User782, в ИЕ5.5 точно не сработает. О какие "всех браузерах" идет речь?
https://caniuse.com/#search=flex

Опять же есть автопрефиксер.

[Имя Фамилия]

User782, спасибо всё работает! жаль не могу отменить как решение

Answer 1

[FeST1VaL]

В идеале конечно нужна песочница, но может вам поможет псевдокласс :only-child
т.е проверяете если он один то блок 100%. А насчет того влезает ли он или нет... то просто не используйте float :3
У вас же реклама не в тексте? А рядом с каким то блоком? Вы можете оба блока обернуть например в flex или же просто сделать 2 блока inline-block; Как вариант... Гадать конечно такое себе занятие))

Comments

[Имя Фамилия]

inline block нужно оба блока фексированых, у меня правый блок резиновый
да flex можно попробовать, всегда ли flex корректно отображается?

[Имя Фамилия]

если flex сделать, то первый блок когда экран сузиться прыгнет на верх, а нужно если экран сузить, первый блок должен упасть под второй блок

[FeST1VaL]

User782, Я не понимаю что вы там творите)) но media запросы и order у флексов в помощь... Выложите код в песочницу... будет проще помочь....