Figure 4.6. Elements with box-sizing: border-box.I'dsuggestthatyouusebox-sizing: border-boxinyourprojects.Itmakeslife
easier,asthere’snoneedtocalculatethewidthvaluetoaccountforthevaluesof
paddingandborder,andboxesbehavemorepredictably.
Thebestwaytoapplybox-sizing: border-boxiswithresetrules.Thefollowing
exampleisfromChrisCoyier’sCSS-Trickspost,“Inheritingbox-sizingProbably
SlightlyBetterBest-Practice”^4 :
html {
box-sizing: border-box;
}(^4) https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
Complex Layouts 135