margin和padding的区别是什么

区别：margin是指从自身边框到另一个容器边框之间的距离，即容器外距离，是隔开元素与元素的间距；而padding是指自身边框到自身内部另一个容器边框之间的距离，即可容器内距离，是盒子边框与盒子内部元素的距离。

本文操作环境：宏基S40-51、HBuilderX.3.0.5&&css3版、Windows10家庭中文版

推荐：《编程视频》

css盒子模型（Box Model）

谈到margin和padding，我们不可回避地要谈到css盒子模型（Box Model）。

一般而言，css盒子模型是用来设计和布局的。它本质上是一个盒子，包括：外边距（margin）、边框（border）、内边距（padding）以及最中间的内容（content）。推荐：css视频教程

下图即为盒子模型（这里只谈W3C规范的标准盒模型，而不谈IE5和IE6在怪异模式中使用的非标准的盒子模型）：

想要查阅更多相关文章，请访问！！

以上就是margin和padding的区别是什么的详细内容，更多请关注其它相关文章！