怪异盒模型与标准盒模型的区别




    
    怪异盒模型与标准盒模型的区别
        


    

我是怪异盒模型

盒子总宽度包含内边距和边框,盒子总宽度不会根据边框和内边距发生变化

内容 = 宽度 - 内边距 - 边框

160 = 200-10*2-10*2

我是标准盒模型

盒子宽度为内容宽度,总宽度为内容宽度加内边距和边框,根据内边距和边框变化

宽度 = 内容 + 内边距 + 边框

240 = 200 + 20 + 20

怪异盒模型与标准盒模型的区别_第1张图片
怪异盒模型与标准盒模型的区别.jpg

你可能感兴趣的:(怪异盒模型与标准盒模型的区别)