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


Как вычесть ширину в CSS?

Например:

width = 100% - 10px

Я не говорю о заполнении или полях.

7   24  
2010-09-29 12:27:54

7 ответов:

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

width: calc(100% - 10px);


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

Дополнительное Примечание:

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

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

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

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

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

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

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

width:auto;
margin-right: 10px;

А это совсем не то, чего ты хочешь.

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

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