Почему DIV элементы не выстроились в один ряд?

Question

[strelkovandrey]

Добрый вечер, простейшая верстка, но почему то, не работает
Имеется 2 контейнера, один из которых резиновый, другой фиксированный, но вроде бы как всё работает, вот только фиксированный уходит резиновый

На данной странице проблема votkinskguide.ru
Ожидается, что кнопка найти будет после строки поиска

Answer 1

[Анатолий]

float'ы - прошлый век. Лучше использовать Flexbox.
Итоговый код, просто заменить, где нужно.

.organisations .views-exposed-widgets {
    margin-bottom: 0;
    padding: 10px 10px 0 10px;
    display: flex;
}
.organisations #edit-global-search-wrapper {
    padding: 0;
    # тут убрали margin
    float: none;
    width: 100%;
}

Comments

[strelkovandrey]

Большое спасибо! Никак руки не доходят изучить flexbox!

Answer 2

[PiggyPig]

Кнопке "Найти" ширина задана. А в чем проблема задать ширину поисковой строке?

.organisations #edit-global-search-wrapper {
    width: calc(100% - 80px)
}

80px - ширина кнопки "Найти".
Только уберите display: flex у родителя.

Зачем flex на такую мелочь использовать? Вам тут даже float не нужны, блоки и так стоят в нужном порядке, а ширину одной строкой подстроили.

Если все-таки решите воспользоваться flex'ом, то также уберите float'ы у кнопки и поисковой строки - они в данном случае не несут погоды.