美文网首页
标准CSS盒子模型与IE盒子模型

标准CSS盒子模型与IE盒子模型

作者: 双鱼九年 | 来源:发表于2019-02-21 23:35 被阅读0次

盒子模型的概念说法有很多,个人的简单理解就是——即具备内容、填充、边框、边界这些属性的均可以看作盒子模型,无论是不是块级元素!

那么,主要的两种盒子模型:标准CSS盒子模型与IE盒子模型的区别是什么?(盗用两张图)

        标准盒子模型:元素的width或height=content的width或height;

      

       IE盒子模型:元素的width或height=content的width或height+padding*2+border*2;

      注意:这里所说的元素的width或height是指我们设置的元素的宽和高的大小!

标准盒模型与怪异盒模型相互转化:

box-sizing:border-box;//怪异盒模型

box-sizing:content-box;//标准盒模型

相关文章

  • CSS盒子模型和BFC

    CSS盒子模型基本概念: 标准模型+IE模型 标准模型+IE模型区别1.计算高度,宽度的不同2.具体如图 标准盒子...

  • CSS盒子模型

    标准盒子模型 IE盒子模型 区别 在我看来标准盒子模型也就是: IE盒子模型:

  • CSS基础

    1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:盒子=width(cont...

  • 前端一些面试题

    HTML 和 CSS 面试题 盒子模型 CSS 中盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。W3C ...

  • CSS常见面试题

    1 CSS常见面试题 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=...

  • CSS盒子模型

    css盒子模型分为标准盒子模型和ie盒子模型,分别对应box-sizing: content-box | bord...

  • 前端面试大全(三)

    第三部分 CSS · 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? · CSS盒子模型:由...

  • 盒子模型、BFC、清除浮动

    盒子模型、BFC、浮动 盒子模型box model。盒子属性标准盒模型、IE盒模型的区别CSS如何设置这两种模型J...

  • CSS之基础知识开篇(二)

    1.CSS盒模型 盒子模型有两种,分别是标准盒子模型和IE盒子模型。 CSS 把盒模型分为两种基本形态:Block...

  • CSS

    1标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? CSS盒子模型:由四个属性组成的外边距(margi...

网友评论

      本文标题:标准CSS盒子模型与IE盒子模型

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