Why doesn't the CSS calc() function work for me?

Question

I learned about the CSS function calc() and its awesome. I tried to use it like:

#abc{width:calc(100%-20px)}
<         


        

Answer 1

IE9's implementation of the calc() method doesn't work on elements which are display: table.

You can work around this by wrapping a div around it (which is display: block) and making the width of the display: table element inside width: 100%. You apply the calcd width to the surrounding div.