css基础———box-sizing—标准盒模型&怪异盒模型
来源:互联网 发布:淘宝店铺怎么看退货率 编辑:程序博客网 时间:2024/06/08 14:51
在标准模式下(W3C标准),一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)
在怪异模式下( IE标准),一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)
大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。
怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器。
当不对doctype进行定义时,会触发怪异模式。
CSS3中的box-sizing属性:
语法:box-sizing : content-box || border-box || inherit;
当设置为box-sizing:content-box时,将采用标准模式解析计算,也是默认模式;
当设置为box-sizing:border-box时,将采用怪异模式解析计算;
阅读全文
0 0
- css基础———box-sizing—标准盒模型&怪异盒模型
- CSS-标准盒模型和怪异盒模型box-sizing
- 怪异盒模型 box-sizing
- CSS盒模型全面讲解,怪异模式盒模型,CSS3 box-sizing属性
- CSS-标准盒模型 & 怪异盒模型
- 盒模型——标准盒模型与怪异盒模型
- 盒模型和box-sizing
- CSS中的标准盒模型 和 怪异盒模型
- CSS-怪异盒模型和标准盒模型
- CSS盒模型之 CSS3 box-sizing属性
- 深入理解盒子模型——CSS 盒模型Block box与Line box
- H5基础——(5)怪异盒模型、弹性盒模型、倒影及阴影
- 怪异盒模型和标准盒模型
- box-sizing和calc()盒模型
- box-sizing与盒模型的认识
- css3 box-sizing 盒模型 学习手记
- CSS3盒模型之box-sizing
- css之盒子模型box-sizing属性
- 51nod 1245 Binomial Coefficients Revenge kummer定理+数位dp
- 波动序列
- 在阿里云ECS里安装Windows 7 32位中文版
- android自定义View之仿通讯录侧边栏滑动,实现A-Z字母检索
- 分布式资源调度系统 YARN
- css基础———box-sizing—标准盒模型&怪异盒模型
- AutoCAD .Net EntityJig – Jig Line by Start and End Points
- rabbitmq--延时队列
- JavaScript 开发者:最喜欢 React,Vue.js 比 Angular 更值得尝试 | 2017 JS 调查报告
- 【kafka】kafka安装配置以及遇到的问题
- Core2.0_EF_DbFirst的安装
- 【智能零售】60页实地调研报告诉你,零售老板从哪里打响逆袭第一枪?
- 【共享经济】披着共享经济外衣的租赁经济
- CentOS之DNS服务器安装-yellowcong