今天完成的事情：今天提交了任务五，并在完成任务五的过程中学习了关于定位，布局和盒子模型的一些知识。

绝对定位：absolute 的位置是相对于最近的以定位的祖先元素，如果没有，那就相对于最初的包含快；绝对定位的元素的位置与文档流无关，不占据空间。元素定位后会生成一个块级框，而不论原来他在正常流中生成何类型的框。

相对定位：relative的定位是相对其正常位置，移动相对定位的元素，但是它原本所占的空间不会改变；相对定位的元素经常被用来作为绝对定位元素的容器。

fixed定位元素的位置是相对于浏览器窗口是固定的，即使窗口是滚动的它也不会移动。

z-index 属性用来设置元素的堆叠顺序，默认值是0.

display：block 显示为块级元素

display：inline 显示为内联元素

display：inline-block 显示为内联块元素

<input>里面 maxlength用来规定元素中允许的最大字符数

接着学习了BFC：块级格式化上下文

简单来说，BFC就是一种属性，这种属性会影响元素的定位以及其兄弟元素之间的相互作用

形成BFC的条件：

1.浮动元素float除none以外的值

2.绝对定位元素absolute、fixed

3.display：inline-block

4.overflow除visible以外的值

BFC常见的作用

1.包含浮动元素：发生高度坍塌问题时，可以使用bfc来清除浮动

2.不被浮动元素覆盖:发生div遮挡问题时，可以使用overflow：hidden来触发bfc来解决

3.阻止外边距折叠：发生margin坍塌问题时可以使用overflow：hidden来产生bfc解决问题

明天计划的事情：明天准备把前面四个任务再快速的做一次，巩固以前学习的知识。然后开始做任务五，继续学习css样式和布局。

遇到的问题：暂无

收获：今天学习了四种定位、如何进行布局、盒子模型以及BFC.