Как поменять блоки местами на css?

Question

[Ярослав IKARUS]

Эта проблема лично меня уже достала и я хочу найти какое то решение для этого.

В общем суть в том что существует, к примеру, 2 флоат блока. Смотрим скрин.

На десктопе все ништяк. Но на адаптиве требуется чтобы второй блок стал первым а первый вторым. Иначе не логично что сначала идет кнопка "подробнее" а потом текст. Ну вы поняли.


Есть ли какой нибудь не js-но-костыльный способ такое сделать? На чистом css.

Answer 1

[Vadim Bogomazov]

Я через flexbox order делаю.

Comments

[Ярослав IKARUS]

как то мало браузеров это поддерживает...или норм?

[Vadim Bogomazov]

Ярослав IKARUS: caniuse.com/#feat=flexbox я флексбоксы использую, если ie9 не нужен.

[Николай]

Ярослав IKARUS: caniuse.com/#feat=flexbox

[Ярослав IKARUS]

Спасибо! Такое решение мне подходит. Ну IE зачем вообще? Кто будет на мобильном телефоне с IE сидеть?))

Answer 2

[Николай]

Может стоит просто для мобилок добавить второй блок с тексом перед кнопкой, и через @media скрывать или показывать нужное.

Comments

[Ярослав IKARUS]

это хреновый метод. По такой логике вообще надо второй сайт внутри сайта писать

[Николай]

Ярослав IKARUS: это да

Answer 3

[Сергей Вирченко]

flex хорошо, но в ие не будет работать... а почему не сделать вот так:

<div>
         <p style="float:right">test</p>
         <button style="float:left">asdasdad</button>
</div>

Comments

[Ярослав IKARUS]

ну как то по уродски все таки так делать

[Сергей Вирченко]

Ярослав IKARUS: да ладно?:) что здесь уродского? все не то и все не так тебе) судя с твоего макета как раз то что нужно

[Сергей Вирченко]

Ярослав IKARUS: бери тогда flex, а под ie используй этот метод

[Ярослав IKARUS]

ну я и сделал флексом, это более удобно чем флоатами

[Сергей Вирченко]

Ярослав IKARUS: ye f [ekb ns njulf djkf t,tim