As mentioned above, we can use
calc() to determine lengths like
font-size, etc. To measure, we can use Mathematical expressions: Addition, Subtraction, Division and Multiplication.
For an example, let’s say, we have three
<div> within a wrapper, as shown below.
calc() function, we can easily set these
<div> into columns with equal width this way.
The following Mathematical operation
calc(100% / 3); divides 100% of the parent width by three and here is how it turns out in the browsers. The three
<div> are having equal width.