css3 - CSS calc() producing an odd result -


i have following css style on fixed header element

width: calc(100% - 17px); 

i'm working inside of sharepoint, , way sharepoint generates scrollbar on side, header element (100% width) appears on top of scrollbar. account this, i'm trying remove 17px scrollbar.

however, when page renders, width ends being 83% , i'm not sure why. unfortunately can't give link page in question because it's in our test environment. ideas why producing result of 83%?

edit: should mention i'm using less write styles. checked compiled css document, , producing final output of width: 83%.

please read post. has workaround . https://github.com/less/less.js/issues/974


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -