CSS中Box model分类

CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。

大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。

怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。

当不对doctype进行定义时，会触发怪异模式。

• 在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

• 在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

---

CSS3的box-sizing

box-sizing语法：

box-sizing ： content-box || border-box || inherit;

• 当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；

• 当设置为box-sizing:border-box时，将采用怪异模式解析计算；

最新文章

1. Node.js Express连接mysql完整的登陆注册系统(windows)
2. Invoke-Command和-ComputerName 效率比较
3. linuxz终端开启echo颜色显示
4. js apply 和 call
5. Appium-001-测试开发环境搭建（Android - Win7）
6. JQuery识别键盘操作 & 键盘快捷键
7. 开源免费的C/C++网络库(c/c++ sockets library)
8. JS实现各种页面的刷新
9. Java获取文件大小的正确方法(转)
10. 黄聪：Microsoft Enterprise Library 5.0 系列教程(二) Cryptography Application Block (初级)
11. bootstrap 获得轮播中的索引或当前活动的焦点对象
12. Oracle12c在Win10上的安装配置实践
13. Android Support库——support annotations
14. springboot 热部署
15. 为什么分布式一定要有Redis？
16. arrow function、function.apply
17. excel技巧--多行排成单列
18. 条件编译ifndef、ifdef、endif
19. Oracle EBS OM 登记订单
20. 复制表结构和内容到另一张表中的SQL语句

热门文章

1. Hadoop 3节点集群无法成功启动zookeeper
2. SpringMVC04 很杂很重要（注解，乱码处理，通配符，域属性调用，校正参数名称，访问路径，请求、响应携带参数，请求方法）
3. Oracle单行函数。。。
4. ssm（Spring、Springmvc、Mybatis）实战之淘淘商城-第十一天(非原创）
5. 玩转spring ehcache 缓存框架
6. Caused by: java.lang.NoSuchMethodError: org.objectweb.asm.ClassWriter.<init>(I)V
7. C#利用WebClient 两种方式下载文件（一）
8. Centos7_Minimal-1611 版安装python3.5.3
9. idea字体模糊
10. 免费的freedns实现动态域名和url转发