Sometimes, we want to make div width 100% minus fixed amount of pixels with CSS.
In this article, we’ll look at how to make div width 100% minus fixed amount of pixels with CSS.
How to make div width 100% minus fixed amount of pixels with CSS?
To make div width 100% minus fixed amount of pixels with CSS, we use calc
.
For instance, we write
.calculated-width {
width: calc(100% - 100px);
}
to make the elements with calculated-width
have width 100% minus 100px with calc(100% - 100px)
.
Conclusion
To make div width 100% minus fixed amount of pixels with CSS, we use calc
.