今天完成的事情：

回头看了下任务一，复习了盒子模型

从内到外分别为：1.content 元素主体内容部分；2.padding 内边距，范围在内容和边框之间；3.border 边框；4.margin 外边距，边框之外的部分

content中有overflow属性，

默认visible,内容显示原来大小。会超出给定的宽高

hidden,裁剪掉超出宽高的部分

scroll，x和y方向出现滚动条。

auto,宽高超出部分方法出现滚动条

overflow-x和overflow-y 设置相同的属性等同于overflow

属性不同如果有一个设置visible而另一个为非visible，则visible会自动修改为auto

float浮动会把元素脱离文档流。

常规页面的元素都是按照文档流来进行排列。其中包含block块元素和inline内联元素（行元素）

float可以将对应的元素脱离出来，形成浮动在表面的视觉效果。

多个元素设置float，元素会贴合在上一个浮动元素边上，如果宽度不够则会排列在下一行。前一个浮动元素的高度也会影响后边元素的靠边

文字会自动的环绕float元素，可以使用clear来取消文字环绕的效果

块级元素可以设置宽高，行元素不可以设置宽高。通过float可以使换成行元素并设置宽高

改变元素位置的通常使用 1.浮动2.相对定位3.绝对定位 这3种方式

明天计划的事情：

研究一下chrome开发者工具

深入了解下float

了解下viewport

遇到的问题：

收获：

overflow属性设置

float在使用中的效果