Computer >> Máy Tính >  >> Lập trình >> CSS

Cách sử dụng hàm CSS calc ()

Nhận giá trị của các thuộc tính trong CSS bằng thuộc tính calc (). Bạn có thể thử chạy đoạn 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>