Как найти ширину с помощью формулы с CSS
Как использовать функции CSS для расчета ширины div в процентах по этой формуле: (screen-width - 300px) x 100 / screen-width
РЕДАКТИРОВАТЬ 1:
Я объясняю более проблему:
Моя навигационная сторона, как показано на изображении ниже, всегда имеет 300px ширину, а сторона контента должна иметь остальную ширину экрана, чтобы она была: navigation-side + content-side = 100%
Как сказал @Paulie_D, я думаю, вы справитесь с этой операцией с помощью calcdeveloper.mozilla.org/en-US/docs/Web/CSS/calc
@VincentG даже с калькулятором у вас не будет деления
Можете ли вы подробнее рассказать о своем сценарии использования, чтобы мы могли лучше вам помочь?
чего именно вы пытаетесь достичь, вам, вероятно, нужен javascript
Я отредактировал свой вопрос, чтобы уточнить проблему
Ответы 1
Решение, которое я нашел, состоит в том, чтобы использовать функцию calc() следующим образом:
.content-side {
width: calc(100% - 300px);
}
На самом деле я не знал, что мы можем использовать значение 100%, чтобы выразить ширину экрана и вычесть значение, выраженное в px
Не существует такой вещи, как функции CSS, если вы не имеете в виду
calc