すべての子divが親の固定サイズを尊重できるようにするにはどうすればよいですか？

Question

これは子供が親の固定サイズを絶対に尊重しないことを知って以来、私は疫病のように私を悩ませています。

#parent{ 
height: 100%; 
max-height: 100%; 
min-height: 100%; 
width: 100%; 
max-width: 100%; 
min-width: 100%; 
} 

#child{ 
height:100%; 
width: 100%; 
border: 1px solid black; 
} 

私はそれが実際にその親に収まるなるようにちょうど境界線のサイズを含めるようにcalc(100% - 2px)を使用する必要があることは本当に迷惑です。すべての子供に。

私の質問は、これを回避する方法があるのか​​、それとも1つにはcalc（1つの部門に10人〜21人の子供がいることに注意してください）を使用し続けるだけですか？しかし、私が主に必要としているのは、親の中のすべての子どもがそのサイズを尊重するようにするコードです。子供の

Answer 1

使用box-sizing: border-box。これには幅と高さの境界が含まれます