Как подстроить блок по высоте с другими блоками?

Если я задаю оранжевому блоку 100%, он пропадает. Может это из за свойства float? Оно есть и у оранжевого блока и у серых, чтобы выровнять их как показано на схеме.

Как сделать авто высоту для блока?

Сергей Тутуков: спасибо большое!

Как сделать авто высоту для блока?

Есть какой нибудь альтернативный способ без использования calc? Потому как его могут не поддерживать старые версии браузеров мобильных устройств.

Как сделать такую форму ввода?

Это как? Можете показать на примере?

Как задать одинаковую высоту двум блокам div?

Но флексом-то разумнее.

Для новых браузеров да, но для старых - будут проблемы с отображением.

Можно ли и как захватить высоту блока родителя?

Андрей: настоящее шаманство, спасибо, работает! :)

Можно ли и как захватить высоту блока родителя?

Захватить - залить.
Если задать width 100% то с помощью bg color red, заливается весь блок по ширине. А как это сделать по высоте?
Причем блок container будет растягиваться по высоте автоматически, и как сделать чтобы вся высота автоматически заливалась красным цветом?

Как прижать блок к низу другого блока без flexbox?

Благодарю, работает четко.

Как подстроить блоки по высоте?

И что дальше?

Как подстроить блоки по высоте?

Через float: left они в таком же порядке выстраиваются, как показано на первой части картинки.

Почему не удлиняется блок из за float?

iBird Rose: фон там без норепита.
Спасибо, помогло использование inline-block;

Почему не удлиняется блок из за float?

iBird Rose: Решение пока увидел - поместить цифры таймера в отдельный блок и задать ему высоту, тогда фон репитится.

Почему не удлиняется блок из за float?

iBird Rose: websozidatel.ru/ip в блоке акции, счетчики

Как сделать подчеркивание ссылки border'ом в 2 строки?

Виктор Янышев: Спасибо.

Как сделать подчеркивание ссылки border'ом в 2 строки?

Это как? Стоит display: inline-block;
Но по прежнему последняя строка с бородером.

Как поправить Flex Box верстку?

1. На новых браузерах, картинки не сжимаются как на старых. Это странно, но факт.
А куда еще шрифт больше? Там единственном что ограничить p блоку можно только в %, чтобы картинки не сжимались.
2. Пробовал margin: 0px auto, не работает.

Почему не работает Flex-Box верстка на мобилке?

Верстка сайта whister.websozidatel.ru отображается нормально на всех новых браузерах, в том числе и на мобильном google chrome для андроид на телефоне samsung galaxy grand 2 duos. А вот стандартном браузере, отображается все нормально кроме блоков "Преимущества велосипеда Whister Elite" и "Процесс доставки велосипедов".
В преимуществах сжимаются картинки иконок , и чем больше текста в блоке, тем сильнее деформируется картинка. Если например картинки обернуть в блок div, то картинка принимает свой нормальный размер, а текст просто налазит поверх этих картинок.
В доставке блок выравнивается не по центру , хотя задано свойство justify-content: center для контейнера.
Пользовался автопрефиксером https://autoprefixer.github.io/ru/, чтобы адаптировать сайт под старые версии мобильных браузеров.

Как поправить?

Почему не работает Flex-Box верстка на мобилке?

Алекс Глебов: Спасибо добрый человек, очень выручили. Дай бог вам здоровья и всего только хорошего :))

Почему не работает Flex-Box верстка на мобилке?

А как проще делать тогда обычными float? Или на фреймворке? Которые кстати сделаны для стандартных задач, типа сделать админку. Ведь стили придется переопределять?

Почему не работает Flex-Box верстка на мобилке?

А как это поможет?