美文网首页
标准CSS盒子模型和ie低版本盒子模型的区别

标准CSS盒子模型和ie低版本盒子模型的区别

作者: vivianXIa | 来源:发表于2021-01-11 21:04 被阅读0次
  • 两种模型
    1:标准盒子模型(w3c盒子模型)
    宽度 = 内容 + 边框 + margin +padding
    2:怪异盒子模型(ie盒子模型)
    IE8及其以下版本浏览器,未声明 DOCTYPE,内容宽高会包含内填充和边框,称为怪异盒模型(IE盒模型)
    宽度 = 内容 (已经包含了border和padding)+ margin

  • 盒模型组成:
    content, border,margin,padding

  • 标准浏览器可以通过设置box-sizing:border-box触发怪异模式解析宽和高

相关文章

  • CSS盒子模型和BFC

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

  • CSS盒子模型

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

  • CSS基础

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

  • 前端面试之CSS部分

    一、介绍一下CSS的盒子模型,低版本IE的盒子模型有什么不同? (1)有两种, IE 盒子模型、标准 W3C 盒子...

  • CSS面试题

    1、介绍一下标准的CSS盒子模型?低版本IE的盒子模型有什么不同? (1)有两种,IE盒子模型、W3C盒子模型; ...

  • 前端CSS知识点

    1,介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? 有两种,IE盒子模型、W3C盒子模型; 盒...

  • css面试题

    CSS 1、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种,IE盒子模型、W3C...

  • 前端面试那些坑之CSS篇

    CSS 1、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种,IE盒子模型、W3C...

  • CSS常见面试题

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

  • 前端面试(3)CSS篇

    介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型、W3C 盒子模...

网友评论

      本文标题:标准CSS盒子模型和ie低版本盒子模型的区别

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