盒模型

首先,我们了解一下什么是盒模型
CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。

标准盒模型

总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距
总元素的高度=高度+左填充+右填充+左边框+右边框+左边距+右边距

如图:
CSS之标准盒模型与怪异盒模型

怪异盒模型

总元素的宽度=宽度
总元素的高度=高度
CSS之标准盒模型与怪异盒模型

tips: 愿你过得没我好,死得比我早,吃不好睡不好还特别显老

相关文章:

  • 2021-11-18
  • 2022-12-23
  • 2021-06-19
猜你喜欢
  • 2021-12-01
  • 2021-08-19
  • 2022-12-23
  • 2021-06-07
  • 2021-12-30
  • 2021-12-14
相关资源
相似解决方案