Get the App
SLTechnology News&Howtos  ›  Network Security  › 

How to use calc () in ​ CSS3

Shulou Source: shulou.com Published: 2022-05-31 16:35:40 10月02日 Update

This article mainly introduces how to use calc () in CSS3, which has a certain reference value. Interested friends can refer to it. I hope you will gain a lot after reading this article.

Use of CSS3 calc ()

The use of calc () is similar to a function, which sets dynamic values for elements:

/ * basic calc * / .simpleBlock {width: calc (100%-100px);} / * calc in calc * / .complexBlock {width: calc (100%-50% / 3); padding: 5px calc (3-2px); margin-left: calc (10% + 10px) } Thank you for reading this article carefully. I hope the article "how to use calc () in CSS3" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Tags: Articles values elements interests functions dynamic at the same time more friends knowledge editing industry information information channels channels references learning help support Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno macOS NVidia Huawei vpn Shulou Tech Info