Блог

Главная - Вопросы по программированию - Как найти ширину, используя формулу с помощью CSS

Как найти ширину, используя формулу с помощью CSS

#css #function

#css #функция

Вопрос:

Как использовать функции CSS для вычисления ширины div в процентах, используя эту формулу : (screen-width - 300px) x 100 / screen-width

РЕДАКТИРОВАТЬ 1 :

Я подробнее объясняю проблему :

Моя сторона навигации, как показано на рисунке ниже, всегда 300px имеет ширину, а сторона содержимого должна иметь остальную ширину экрана, чтобы было : navigation-side content-side = 100%

введите описание изображения здесь

Комментарии:

1. Не существует такой вещи, как функции CSS, если вы не имеете в виду calc

2.Как сказал @Paulie_D, я думаю, вы можете справиться с этой операцией с помощью calc developer.mozilla.org/en-US/docs/Web/CSS/calc

3. @VincentG даже с calc вы не сможете получить разделение

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

5. чего именно вы пытаетесь достичь, вам, вероятно, нужен javascript

Ответ №1:

Решение, которое я нашел, заключается в использовании calc() функции таким образом :

 .content-side {
   width: calc(100% - 300px);
}

На самом деле я не знал, что мы можем использовать значение 100% для выражения ширины экрана и вычитать значение, выраженное в px