Оразмеряване на CSS блок, справка за CSS, Brainoteka
Размери на CSS блокове
Общият размер на всеки блок е сумата от няколко стойности на свойствата. Кое може да се разгледа на диаграмата:

Задаване на размери на блокове
По този начин научихме, че общите размери не са нищо повече от сумата от стойностите на всички свойства, изброени по-горе. И ние можем лесно да манипулираме всички тези свойства.
Имот за оразмеряване на кутията
Те няма да ви позволят да направите това, поради една проста причина, защото общият размер на блока включва всички полета и граници и следователно няма достатъчно място за втория блок.
Можем да решим това, като просто изчислим колко пространство ни е необходимо за границата и подложката и ги изваждаме от свойството width. Но има и друг начин: в този случай можете да използвате собствеността размер на кутията: бордюр