Добрый день!
Не первый раз сталкиваюсь с этой проблемой, но, к сожалению, не смог найти порядочного решения.
Представим, что у нас есть 2 блока. Левый блок имеет 100% ширину, так как заключает в себе текст, а значит должен быть адаптивным. Правый блок имеет фиксированную ширину, потому что в нем, например, картинка.
Моё ошибочное решение:
.left {
width: 100%;
float: left; /*аналогично и с inline-block*/
}
.right {
width: 300px;
float: left; /*аналогично и с inline-block*/
}
При всём этом, вся это конструкция обязуется быть адаптивной (до мобильного разрешения, конечно же).
Спасибо!
