Calculations : CSS Functional Notations - CSS Values and Units Module Level 3

Plate — Nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Flower — perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et

calc(), min(), and max() สามารถใช้ได้กับ ระยะ, ความถี่, มุม, เวลา หรือ ตัวเลขธรรมดา

  	
article {
   width: calc(100% - 1*20px - 300px);
}    

article>section {
   width: calc(100%/3 - 1px - 2*10px);
}

article>section img {
   max-width: calc(100% - 8px);
}