美文网首页
标准盒模型和怪异盒模型(IE盒子模型)

标准盒模型和怪异盒模型(IE盒子模型)

作者: lucky_果果 | 来源:发表于2019-11-30 02:11 被阅读0次

参考链接:https://www.cnblogs.com/yky-iris/p/7719895.html

(1)标准盒模型:box-sizing: content-box;

  一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

(2)怪异盒模型\IE盒子模型:box-sizing:border-box;

一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)

相关文章

  • 盒模型、定位

    标准盒模型、怪异盒模型 CSS中Box model是分为两种:: W3C标准(标准盒模型) 和 IE标准盒子模型(...

  • CSS面试题

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

  • CSS面试题

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

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

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

  • 人生若只如初见(1)

    盒子模型 content、margin、padding、border;(IE盒模型和标准盒模型的区别)———IE盒...

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

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

  • 盒模型

    CSS中Box model是分为两种: W3C标准(标准盒模型) 和 IE标准盒子模型(怪异盒模型)。大多数浏览器...

  • CSS

    Q1.简单描述CSS的盒模型 1.盒模型种类:包括标准盒模型和IE盒模型(怪异盒模型) 2.盒模型设置方式:通过b...

  • margin相关

    一、标准盒模型和怪异模式盒模型 标准盒模型和怪异模式盒模型可以通过box-sizing来设置: 标准盒模型: bo...

  • 盒模型与inline、inline-block标签特点

    一、 1.盒子模型分为标准盒模型,与怪异盒模型。 2.标准盒模型:内容尺寸 盒子尺寸 区域尺寸。 3.注意:盒子与...

网友评论

      本文标题:标准盒模型和怪异盒模型(IE盒子模型)

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