Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, если решения не будет, то выход только флекс ставить.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Андрей Федоров, ни разу с grid не работал, оно работает и в новы и старых браузерах?

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Никита Кит, может уже стоит и переходить !

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

Хотелось бы реализовать без флекса.

Адаптивные блоки, при сжатии экрана, блоки меняються местами, как сделать?

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

Два адаптивных блока, один уезжает под другой, как решить проблему?

так работает:
сделал так.

.rr{
max-width: 790px;
width: 100%;
margin: 40px 0 0 0;
display: table-cell;
}

про флексы знаю, есть много решений на них ! их не очень хочу использовать, так как не у всех еще браузера новые так сказать.

Два адаптивных блока, один уезжает под другой, как решить проблему?

.clearfix::after {
content: "";
display: table;
clear: both;
}
то есть это плохо? я все которые были у меня div style="clear:both" /div
заменил на

.clearfix::after {
content: "";
display: table;
clear: both;
}

все вроде ок, а вот с блоками так ничего не ок.

посмотрел ваше решение, там два в одном я так понял, два варианта !
1 - чет не то, а второе то что надо, но там через флекс.

Два адаптивных блока, один уезжает под другой, как решить проблему?

а вот что я нашел:

.clearfix:after {
content: "";
display: table;
clear: both;
}

Два адаптивных блока, один уезжает под другой, как решить проблему?

clearfix такой команды нет для css, есть clear: both и т.д, да я так и понял для левого блока.

Два адаптивных блока, один уезжает под другой, как решить проблему?

Игорь Забродин, а куда его вставить? это clear: both

Два адаптивных блока, один уезжает под другой, как решить проблему?

а теперь понял почему у меня заходит.

из за

.ll{
width: 270px;
height: 10px;
display: inline-block;
float: left;
/*padding: 40px 40px 0 0;*/
background: #000;
}

height: 10px; у меня нет его, там просто блоки идут разные, если 10px поставить то видно что правый блок заходит на левый, у меня так выходит.

Два адаптивных блока, один уезжает под другой, как решить проблему?

spike__x, а что это значит?

Два адаптивных блока, один уезжает под другой, как решить проблему?

я так пробовал ! не то вообще, блок на блок заходит.

Как от центровать по вертикали текст в резиновом блоке с минимальным фиксированным height?

Спасибо, все работает.

Как выравнить адаптивное меню по центру?

а так не выйдет, так как там же margin: auto;

Как выравнить адаптивное меню по центру?

Спасибо, центрануло.

а как быть с тем что у меня идет отступ.
margin: 0 15px 0 0; между разделами по горизонту. и выходит что центрануло но не ровно.

видимо в нав надо добавить margin-right: -15px;

Адаптивные блоки, авто растяжка по height, как сделать?

я применил этот способ https://osvaldas.info/flexbox-based-responsive-equ...

работает, все ок, но там флекс. в старых не работает.

Адаптивные блоки, авто растяжка по height, как сделать?

мне конечно, но не работает.