Kazi calc

Kazi calc inaruhusu kufanya mahesabu ya thamani za sifa za CSS. Kazi huchukua usemi wa kihisabati kama kigezo, na matokeo ya hesabu yake yanaweza kutumika kama thamani ya sifa ya CSS. Usemi unaweza kujumuisha viendeshaji +, -, *, /.

Kisarufu

csskichagua {
  sifa: calc(usemi);
}

Mfano

Wacha tufanye upana wa kizuizi uwe sawa na 100% ya upana wa kizio mzazi, ukiondoa 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;
}

Результат:

Tazama pia