介绍一下标准css的盒子模型？低版本IE的盒子模型有什么不同的？

1、有两种：IE盒子模型（怪异模式）、W3c盒子模型（标准模式）。

2、盒模型组成：内容(content)、内边距(padding)、外边距(margin)、边框(border)。
3、区别：IE的content部分把border和padding计算了进去

应用场景：

（1）表单：
表单中有一些input元素其实还是展现的是传统IE盒模型，带有一些默认的样式，而且在不同平台或者浏览器下的表现不一，造成了表单展现的差异。此时我们可以通过box-sizing属性来构建一个风格统一的表单元素。

（2）设置子类元素的margin或者border时，可能会撑破父层元素的尺寸，这时我就需要使用box-sizing: border-box来将border包含进元素的尺寸中，这样就不会存在撑破父层元素的情况了。

最新文章

1. [LeetCode] Binary Watch 二进制表
2. [CC]DgmOctree—执行Cell遍历和单元计算
3. 为什么使用spring
4. ASP.NET MVC系列:从Controller访问Model数据
5. win7下安装openpyxl
6. Linux之存储及文件系统管理
7. sql raiseerror
8. eclipse sdk 无法更新
9. (转)Visual Studio原生开发的10个调试技巧（二）
10. SqlServer Change Data Capture（CDC）数据变更捕获
11. 利用putty实现文件在linux上传和下载
12. boost 1.56.0 编译
13. PowerShell: 如何解决File **.ps1 cannot be loaded because the execution of scripts is disabled on this sy
14. DOCTYPE声明的几种类型
15. Python3基础 定义有参数有返回值函数 对传入的参数加1
16. 最简单的基于FFMPEG的图像编码器（YUV编码为JPEG）
17. EF core的模型映射
18. 【深度学习系列】用PaddlePaddle进行车牌识别（二）
19. MySQl ifnull()和substr()
20. DP E - Cheapest Palindrome

热门文章

1. python：前端（HTML）+后端（Django）+数据库（MySQL）
2. 底部导航栏-----FragmentTabHost
3. java：比赛中常用方法整理——字符串（基础）
4. Git思维导图
5. sql server2005安装时报 ‘服务无法启动’
6. SQLServer之集合
7. nginx通过域名访问项目（不接项目名称），cookie丢失问题详解
8. Mysql查询的一些操作(查表名，查字段名，查当月，查一周，查当天)
9. webrtc aecd算法解析一（原理分析）
10. Swagger如何访问Ocelot中带权限验证的API