美文网首页
1、介绍一下标准的css盒子模型?低版本的IE的盒子模型有什么不

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

作者: lucky_果果 | 来源:发表于2020-10-27 22:12 被阅读0次

1、有两种盒子模型:IE盒子模型(border-box)和W3C标准盒模型(content-box)。

盒模型组成:内容(content)、填充(padding),边框(border),边界(margin)四个部分。

IE盒模型和W3盒模型的区别:

(1)IE盒模型的width包含:content+border+padding

(2)W3C盒模型的width只包含:content

在ie8+已上的浏览器的浏览器默认是标准盒模型,可以通过css3 的新特性box-sizing改变其属性。

如果在ie6,7,8中确实DoCTYPE会将其解释为IE盒子模型;若在页面中添加DOCTYPE类型,则浏览器会盒子模型解释为W3C盒模型。

相关文章

  • CSS面试题

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

  • 前端面试之CSS部分

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

  • CSS基础

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

  • css面试题

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

  • 前端面试那些坑之CSS篇

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

  • 前端CSS知识点

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

  • CSS常见面试题

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

  • 前端面试(3)CSS篇

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

  • 前端面试(二)css

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

  • 前端面试题——CSS篇

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

网友评论

      本文标题:1、介绍一下标准的css盒子模型?低版本的IE的盒子模型有什么不

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