How can I do width = 100% - 100px in CSS?

Modern browsers now support the:

width: calc(100% - 100px);

To see the list of supported browser versions checkout: Can I use calc() as CSS unit value?

There is a jQuery fallback: css width: calc(100% -100px); alternative using jquery

Could you nest a div with margin-left: 50px; and margin-right: 50px; inside a <div> with width: 100%;?

Related