Совместное использования процентов и пикселов

[хакер ботаник]

Доброго времени суток!

Можно ли как-то простым способом сделать следующее:

Имеется блок в 600 пикселов и внутри него еще два блока (display: inline-block), ширина первого блока всегда разная, она может быть 100px или 150px, в общем всегда разница.

Я хочу сделать так, что после первого блока, второй занимал всю остальную длину, не больше и не меньше и всё это без использования, разумеется, JS и без всяких overflow: hidden это не подходит.

Буду благодарен за дельные советы

[by chris]

57 минут назад, хакер ботаник сказал:

использования процентов и пикселов

Вот только зачем?

http://codepen.io/default_/pen/VmzGvR

[хакер ботаник]

Только что, by chris сказал:

Вот только зачем?

http://codepen.io/default_/pen/VmzGvR

Дело в том, что в вашем коде в функцию calc передается ширина первого блока, а ведь ширина всегда разная

[by chris]

@хакер ботаник, Я вижу что в данном случае ширина как-раз всегда известная. Величина не возьмется из ниоткуда она либо задается вручную в css, либо через js, а в условии яваскрипт не используется.
И что вообще значит 

17 минут назад, хакер ботаник сказал:

всегда разная

[хакер ботаник]

Только что, by chris сказал:

@хакер ботаник, Я вижу что в данном случае ширина как-раз всегда известная. Величина не возьмется из ниоткуда она либо задается вручную в css, либо через js, а в условии яваскрипт не используется.
И что вообще значит 

Так ведь таких блоков в 600px может быть больше 1 и у них первый внутренний блок будет всегда с разной шириной. Понимаете о чём я?)

[radioactive]

https://jsfiddle.net/qmp0hnL2/1/

 

Edited November 27, 2016 by radioactive

[by chris]

10 часов назад, radioactive сказал:

https://jsfiddle.net/qmp0hnL2/1/

 

Тут размеры элементов определяет контент. Если убрать текст у четного дива, то первый растянется на всю ширину, т.е в итоге может вообще занять 600 пикселей. Если тс такое поведение в компоновке устраивает, тогда хорошо. Но это не решение задача "пикселей и процентов".

11 час назад, хакер ботаник сказал:

Так ведь таких блоков в 600px может быть больше 1

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

[radioactive]

1 минуту назад, by chris сказал:

Тут размеры элементов определяет контент. Если убрать текст у четного дива, то первый растянется на всю ширину, т.е в итоге может вообще занять 600 пикселей. Если тс такое поведение в компоновке устраивает, тогда хорошо. Но это не решение задача "пикселей и процентов".

автор создал тему плохо разъяснив что нужно, без каких либо примеров и ссылок, в названии темы указал про проценты а в теме ни слова
ну и в растягивании на всю ширину не вижу какой либо проблемы, это же не конечный вариант а всего лишь пример от чего автор начнет уже править по себя, свойство max-width поможет в таком случае хоть и сомневаюсь что второй блок будет пустым

[by chris]

@radioactive, в ие10 такая разметка крашнется.

[radioactive]

5 минут назад, by chris сказал:

@radioactive, в ие10 такая разметка крашнется.

отвергаешь - предлагай)

ну а вообще обходной путь можно поискать для ie, если вообще тс решит под него писать

[by chris]

46 минут назад, radioactive сказал:

ну а вообще обходной путь можно поискать для ie, если вообще тс решит под него писать

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