由浅入深 谈谈CSS盒模型

一.什么是盒模型 box model页面上所有的元素，抽象呈现的都是一个盒子的形状，有些地方也称之为框模型。盒子模型图如下： 二.两种盒模型及四个组成部分 组成由外到内分别是： margin（外边距）：元素A的边到元素B的边的距离，没有背景色，可以设置为负数。 border（边框）：元素A的边，本身没有属性，可以人为添加。 padding（内边距）：元素A的content之外撑起的距离，继承了元素

>>阅读原文<<