实验原理

css盒子模型(Box Model)

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒子模型本质上是一个盒子，封装周围的HTML元素，它包括:

1、边距

2、边框

3、填充

4、实际内容

盒模型允许我们在其他元素和周围边框之间的空间放置元素，平面图如下所示：