美文网首页JS相关
IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒

IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒

作者: Maggie_77 | 来源:发表于2016-12-04 19:00 被阅读192次

IE盒模型:

0_1480775469467_IEbox.jpg
IE 盒子模型的范围包括 margin、border、padding、content,width=border+padding+content
标准盒模型
0_1480775612982_标准盒模型.jpg
W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分,width= content

添加 <!doctype html> 使用标准盒模型

box-sizing:border-box:通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度,模拟IE盒模型规范。

相关文章

  • IE,chrome,火狐浏览器在css和js方面的兼容性总结

    css盒模型差异 盒模型分为标准模型和怪异模型。chrome,火狐浏览器使用标准模型,IE使用怪异模型。在标准盒模...

  • CSS面试题

    1、盒模型 答:分为标准盒模型和怪异盒模型(IE盒模型) 标准盒模型:宽高(content)+ padding +...

  • CSS面试题

    1、 盒模型 答:分为标准盒模型和怪异盒模型(IE盒模型) 标准盒模型:宽高(content)+ padding ...

  • IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒

    IE盒模型: 添加 使用标准盒模型 box-sizing:border-box:通...

  • CSS盒模型和BFC

    盒模型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型 IE盒模型也称border-box。属性width,...

  • 面试知识点

    盒模型: 基本概念:标准模型 + IE模型 标准模型 和 IE模型的区别标准盒模型不包括padding和borde...

  • 前端面试题系列之-CSS及页面布局篇

    IE盒模型和标准盒模型的区别 标准盒模型标准盒模型下,盒子的宽高由content+padding+border+m...

  • Css盒模型以及Bfc的应用场景

    CSS盒模型: 一 基本概念: 分为标准模型+IE模型。 二 标准盒模型和IE盒模型的区别。CSS如何设置这两种盒...

  • 盒子模型

    4 .IE 盒模型和W3C盒模型有什么区别? w3c标准盒模型主要由:magin + border + paddi...

  • 盒模型

    主要有两种盒模型: IE盒模型和标准盒模型。 CSS3的box-sizing可以定义使用哪种盒模型。 IE盒模型的...

网友评论

    本文标题:IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒

    本文链接:https://www.haomeiwen.com/subject/zvwhmttx.html