Fungsi calc

Fungsi calc membolehkan pengiraan nilai sifat CSS. Fungsi ini menerima ungkapan matematik sebagai parameter, di mana hasil pengiraannya boleh digunakan sebagai nilai sifat CSS. Ungkapan boleh termasuk operator +, -, *, /.

Sintaks

csspemilih {
  sifat: calc(ungkapan);
}

Contoh

Mari kita buat supaya lebar blok sama dengan 100% daripada lebar elemen induk, tolak 50px:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: calc(100% - 50px);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

Lihat juga