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

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

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

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

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

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

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

[by chris]

  On 11/27/2016 at 7:05 PM, хакер ботаник said:

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

Expand  

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

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

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

  On 11/27/2016 at 8:03 PM, by chris said:

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

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

Expand  

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

[by chris]

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

  On 11/27/2016 at 8:31 PM, хакер ботаник said:

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

Expand  

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

  On 11/27/2016 at 8:48 PM, by chris said:

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

Expand  

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

[radioactive]

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

 

Edited November 27, 2016 by radioactive

[by chris]

  On 11/27/2016 at 9:54 PM, radioactive said:

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

 

Expand  

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

  On 11/27/2016 at 9:20 PM, хакер ботаник said:

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

Expand  

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

[radioactive]

  On 11/28/2016 at 8:23 AM, by chris said:

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

Expand  

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

[by chris]

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

[radioactive]

  On 11/28/2016 at 5:24 PM, by chris said:

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

Expand  

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

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

[by chris]

  On 11/28/2016 at 5:32 PM, radioactive said:

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

Expand  

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