Вычитание ширины CSS

Ответ 1

Теперь с calc решение будет:

width: calc(100% - 10px);

Calc может использоваться с добавлением, вычитанием, умножением, разделением.

Примечание:

Примечание. Операторы + и - всегда должны быть окружены пробелами. Например, операнд calc (50% -8px) будет анализироваться как процент, за которым следует отрицательная длина, недопустимое выражение, в то время как операнд calc (50% - 8px) представляет собой процент, за которым следует минус знака и длины. Более того, calc (8px + -50%) рассматривается как а затем знак плюс и отрицательный процент. * И/ операторам не требуется пробел, но добавление его для согласованности разрешено и рекомендуется.

Ответ 2

Просто: вы не можете этого сделать. Вы должны будете использовать некоторое обходное решение.

Ответ 3

Хорошо, пока CSS3 calc() не будет выпущен во всех основных браузерах, все, что вам нужно сделать, это обернуть один div другим и использовать некоторые Прокладки-поле. ИЛИ, вы можете использовать некоторый javascript, например, подсчитывать ширину экрана и соответственно устанавливать ширину div.

Ответ 4

Возможно, вы сможете сделать это с помощью SASS, если вы используете стек, который его поддерживает. Я знаю только о Ruby, но могут быть и другие.

SASS - это код стиля CSS, который генерирует традиционный CSS, вы можете использовать переменные и т.д.

Ответ 5

На самом деле такой функции нет. Все, что вы можете сделать, это:

width:auto;
margin-right: 10px;

который вам не нужен.

Ответ 6

Единственный способ добиться этого - построить свой CSS с помощью LessCSS или аналогичного инструмента, а затем обработать эти файлы в сгенерированном CSS - вы не можете сделать это на лету

Ответ 7

Обычно используется динамический подход, который генерирует код "на лету". Например, в PHP при написании части CSS

 $width = $all - 10;
 echo 'width:' . $width . 'px;';