浮动属性：将上下排列的结构改变成水平结构（想象成好多个气球，当一个气球漂浮了，则在下方的气球就会飘上来） 属性：float 属性值：left 向左浮动 right 向右浮动 默认：none 没有浮动 （1）脱离文档流 初始位置不存在 破坏正常的网页布局 （2）停止浮动：① 碰到包含框；② 碰到前面一个含有浮动属性 注意：① 给图片添加浮动,图片就会脱离文档流，下方的文本就回去被图片给覆盖住 ② 盒子元素会被覆盖住，但是文本/文字是一个真实的dom结构,不会被覆盖，只会被撑开 盒模型：是页面布局的基石 位置关系： ① content：内容区域 看成快递的物品 ② padding：用来填充、补白、内边距 看成缓冲物品 方向值 ： 对于前端来说，永远都是沿着顺时针方向 top（上）right（右）bottom（下）left（左） 含有几个值的注意： ① 1个值：上下左右 ② 2个值：上下 左右 ③ 3个值：上 左右 下 ④ 4个值：上 右 下 左 注意：padding不能接负值 设置父级与子级元素位置之间的关系: Ⅰ、给父级元素设置：但是会撑大当前元素的宽高大小,为了保证正常的网页布局，应该减去相应的padding值 Ⅱ、给子级元素设置： ③ border：边框、边界 看成快递箱 ④ margin：外边距 可以看成多个快递箱之间的的间距； 哪个元素需要设置间距就给哪个元素添加margin值即可 方向值 ：（顺时针）top（上）right（右）bottom（下）left（左） 含有几个值的注意： ① 1个值：上下左右 ② 2个值：上下 左右 ③ 3个值：上 左右 下 ④ 4个值：上 右 下 左 注意： ①margin可以接负值 ②设置margin值不会撑大当前元素的宽高大小 ③margin使用的时候需要有包含框(父级边框)的接触！ 清除浏览器和标签的默认间距：*{margin:0;padding:0} 设置版心居中 ：版心的选择器{margin:0 auto} 常见的bug： ① 有两个上下的盒子 设置margin-top/bottom的时候 会错误的解析之间的最大值 ② 当父级元素只有一个子级元素的时候 给子级元素设置margin-top 会错误的解析到父级元素
