Alexgogoing

css盒模型

css
字数统计: 64阅读时长: 1 min
2021/05/13 Share

css盒模型

分类

css的盒模型分两种：

  1. W3C标准盒模型
  2. IE盒模型

图示

image-20210513155426388

image-20210513155514043

他们的区别在于IE盒模型的 height/width = content + padding+ border

切换

  • box-sizing: content-box 是W3C盒子模型
  • box-sizing: border-box 是IE盒子模型

原文作者：alexgogoing

原文链接：https://alexgogoing.github.io/2021/05/13/css盒模型/

发表日期：May 13th 2021, 12:20:00 pm

更新日期：June 8th 2021, 8:08:08 pm

版权声明：本文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可

CATALOG
  1. 1. css盒模型
    1. 1.1. 分类
    2. 1.2. 图示
    3. 1.3. 切换
Total : 17
2022
2021
2020
2019
html css 布局 算法 javascript 奇技 web 性能优化