Sử dụng hàm calc() trong CSS

Lấy giá trị của các thuộc tính trong CSS bằng hàm calc(). Bạn có thể chạy mã sau để triển khai hàm calc() trong CSS:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          #demo {             position: absolute;             width: calc(100% - 100px);             background-color: blue;             text-align: center;          }          </style>    </head>    <body>       <h1>Heading One</h1>       <div id = "demo">This is it!</div>    </body> </html>