calc()
Safe to use with fallbackcssAll browsers support calc() unprefixed, but do note that it can have a big impact on the layout and the consequent breaking of your design on unsupported browsers.
- Verdict
- Safe to use
- Category
- CSS features
- Browser support
- Can I Use
- Works in
- all modern browsers
Should you use calc() in 2026?
You should use it with a fallback declaration, so it doesn't break on browsers which don't support it.
width: 500px; / older browsers / width: calc(50% - 20px);
Polyfills and fallbacks
Progressive enhancement works well here: browsers without support degrade gracefully, so a dedicated polyfill is usually unnecessary.
Please