瀏覽器盒子模型
一般來(lái)說(shuō)有兩種：IE版和標(biāo)準(zhǔn)W3C版
IE版和W3C版主要差別在于IE把border和padding都算進(jìn)width中，而W3C版的則是width只包括content
默認(rèn)瀏覽器會(huì)使用標(biāo)準(zhǔn)模型挠他。如果需要使用替代模型窘奏，您可以通過(guò)為其設(shè)置box-sizing: border-box來(lái)實(shí)現(xiàn)酸钦。?這樣就可以告訴瀏覽器使用border-box來(lái)定義區(qū)域皱坛，從而設(shè)定您想要的大小握巢。
.box{
????box-sizing:border-box;
}
如果你希望所有元素都使用替代模式唐含，而且確實(shí)很常用，設(shè)置box-sizing在<html>元素上秕硝，然后設(shè)置所有元素繼承該屬性芥映，正如下面的例子。如果想要深入理解远豺，請(qǐng)看the CSS Tricks article on box-sizing奈偏。
html{
????box-sizing:border-box;
}
*, *::before, *::after{
????box-sizing:inherit;
}
