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

.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, как сделать?

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

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

mrusklon, проверь сам. я уже проверил.

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

есть косяк, если сжимать браузер то текст выходит за рамки. надо f5 нажимать чтобы js сработал.
растянулись и все ровные ! но когда раскрыл браузер, то блоки такие и остались.

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

но хотелось бы реализовать на css пробую разные варианты.

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

там в js надо класс заменить на .glblock и все ок.

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

mrusklon, щас попробовал. чет не але. и по ссылки у блоков высота не одинаковая.

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

это на css, чет еще добавить чтобы все они были одной длины и js не нужен )

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

я сделал так:

.glblock{
height: auto;
display: block;
position: relative;
background: #42B3E5;
margin: 40px 50px 50px 0;
z-index: 0;
text-align: center;
border-radius: 2px;
}

изменил height: auto; на авто.
теперь растягивает, но по высоте блоки разные.

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

сделал так:


у всех 4 блоков есть класс glbga, его в js и прописал. и чет не работает.