CSS известково() производит странный результат

Я следующий стиль CSS на фиксированный элемент заголовкаCSS известково() производит странный результат

width: calc(100% - 17px);

Я работаю внутри SharePoint, и с тем, как SharePoint генерирует скроллбар на стороне, мой заголовок (ширина 100%) появляется поверх полосы прокрутки. Чтобы учесть это, я пытаюсь удалить 17px для полосы прокрутки.

Однако, когда страница отображается, ширина заканчивается на 83%, и я не уверен, почему. Я, к сожалению, не могу дать вам ссылку на указанную страницу, потому что она находится в нашей тестовой среде. Любые идеи, почему это приведет к 83%?

EDIT: Следует также упомянуть, что я использую LESS для написания стилей. Я просто проверил скомпилированный документ CSS, и он производит окончательный выход ширины: 83%.

источник

2015-07-08 JesseEarley

Вы используете его следующим образом: 'header {width: calc (100% - 17px);}' ?? – Mateutek

Есть 100% == 100px, если это возможно? Если нет, что произойдет, если вы сделаете 100% - 30px? – Amit

Это не так, ширина 100% - это ширина окна просмотра/монитора. О, и это вызвало результат 70%. Если я сам создаю свой стиль CSS в FireBug, он работает нормально, кажется, что это МЕНЬШЕ, что составляет его 83%. – JesseEarley

Прочтите это сообщение. У этого есть некоторое обходное решение. https://github.com/less/less.js/issues/974

источник

2015-07-08 11:34:19

Это сделало это, спасибо! Мой код должен был быть следующим: ширина: calc (~ "100% -" 17px); – JesseEarley

Хотя это теоретически может ответить на вопрос, [** было бы предпочтительнее **] (// meta.stackoverflow.com/q/8259) включить сюда основные части ответа и предоставить ссылку для справки. Ответные ссылки могут стать недействительными, если связанная страница изменится. –

Хотя ответ верный, вопрос должен быть проголосован за закрытие в первую очередь ([меньше] уже имеет * десятки * идентичных вопросов). –

CSS известково() производит странный результат

ответ

Смежные вопросы