Sering kali kita perlu membuat elemen HTML yanglebarnya 100%. Tapi jika kita begitu saja mengatur width : 100%, problem yang terjadi adalah elemen yang kita inginkan itu lebarnya melebihi apa yang kita inginkan, karena terpengaruh padding dan margin elemen yang mencakupnya.
Solusi masalah ini adalah menambahkan kode css box-sizing : border-box pada elemen yang kita inginkan tersebut. Dengan demikian, berapapun padding dan margin elemen yang mencakup elemen itu, tidak masalah, tidak mempengaruhi lebar 100% elemen yang dicakupnya.
Lebih jelasnya tonton video berikut ini: