您的位置: 首页 > 文章 > CSS之标准盒模型与怪异盒模型 CSS之标准盒模型与怪异盒模型 分类: 文章 • 2024-02-20 14:53:22 盒模型 首先，我们了解一下什么是盒模型 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 标准盒模型 总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距 总元素的高度=高度+左填充+右填充+左边框+右边框+左边距+右边距 如图： 怪异盒模型 总元素的宽度=宽度 总元素的高度=高度 tips: 愿你过得没我好，死得比我早，吃不好睡不好还特别显老
