Почему CSS calc (100% -250px) не работает?

Я тестировал его в самых последних версиях Firefox, Chrome, IE 11. Ни в одном из этих браузеров он не работает, когда вы используете функцию CSS calc() для вычисления, например. width. Насколько я вижу, я применил его правильно. Для справки вы можете проверить

http://www.sitepoint.com/css3-calc-function/

Почему это не работает?

div {
  background-color: blue;
  height: 50px;
  width: calc(100%-250px);
}

<div></div>

Ответы

Ответ 1

Это потому, что вы должны поместить пробел между оператором + или -, чтобы он работал правильно.

div {
  background-color: blue;
  height: 50px;
  width: calc(100% - 250px);
}

<div></div>