CSS 盒子浮动–float
盒子的浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
盒子在标准流中的定位原则
深入的了解margin属性，让我们可以更好地精确地控制盒子的位置
什么是标准文档流
标准文档流简称标准流，是指在不使用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则，既CSS规定的默认的块级元素和行列元素的排列方式，这里大家可能对块级元素和行内元素就有疑惑了，没事，下面我就给大家介绍下这两个概念。
CSS盒子模型–外边距（margin）
CSS盒子模型中的外边距就是围绕在元素边框的空白区域，设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位（像素、英寸、毫米或 em）、百分数值甚至负值。其中百分数是相对于父元素的 width 计算的。
CSS盒子模型–内边距（padding）
边距是定义元素边框与元素内容之间的空白区域，定义内边距的属性是 padding 属性，该属性接受长度值或百分比值，但不允许使用负值。
CSS盒子模型–边框（border）
描述CSS盒子模型中边框的3个属性，既颜色（color）、宽度（width）、样式（style）
CSS盒子模型概述
css盒子模型概述主要讲述的是盒子模型的基本概念，让大家对css盒子模型有个基本的了解，为网页页面设计垫下更好的基础。