之前我们提到过，盒子模型的概念
用idea打开一个之前的网页，按下F12
点击图标，然后移入需要查询的地方，左键点击然后往下拉，会看到如图的盒子模型
其中
蓝色部分为我们设置的宽高
padding为内边距
border为边框
margin为 外边距
各自有其对应的作用
通过设置内边距，控制盒子内容（蓝色区域）与盒子边界的距离
边框 border
外边距 margin
外边界——上下排列外边距控制着两个盒子模型是否接近，排除重合遮挡和后面的浮动以及绝对定位。
通俗的来说，外边距相当于这个盒子的“气场”让其他盒子保持距离。
Title
外边界——盒子嵌套
顾名思义，是一个便签中套了另一个标签
Title
外边界——行内块
正常情况下，一个div会独自占网页的一整行，不管它外边距多少，想要让两个div在同一行进行操作，需要将后面的div，做成行内块元素
Title
浮动 float
浮动的定义比较抽象，因为div是独占一行的。除了套盒子， 如何在一行显示多个div元素呢？那就是浮动。
我们可以将其理解为，我们把某个元素给解锁了，让他漂浮在水面上，称为浮动：“浮动”
具体文字描述：
转自博主：杨元
传送门
案例，需要大家自己动手调试，方便自己理解：
Title
小案例
利用浮动，制作网页的导航栏：
Title
