盒子模型

2022/8/4 6:24:21

本文主要是介绍盒子模型,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

  有两种盒子模型:标准盒子 IE盒子(也称为怪异盒子)

区别:

1.怎么算宽高:标准盒子 width,height 是实际宽高(得房率是100%),IE盒子width,height是包含padding,border(新小区建筑面积)

2.盒子模型怎么转换变成怪异盒子 box-sizing: border-box;(标准盒子 content-box)

  • 当设置为box-sizing:content-box时,将采用标准模式解析计算(默认模式);
  • 当设置为box-sizing:border-box时,将采用怪异模式解析计算;


这篇关于盒子模型的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程