①：‍‍‍‍‍‍今天只做了两件事：看完了任务四的技能树和下载了PSD资源。

重新理解了↓

块级元素和‍‍内联元素的区别、

普通流，浮动和绝对定位的定位机制、

浮动的影响、

如何让‍‍div在高度上撑满整个页面，

以及‍‍之前困扰的如何使用清楚浮动方法。‍

看的过程发现其中需要巩固掌握的知识点基本就是在任务三实践中没弄清才犯错的地方。感觉task_4和task_3衔接得很好呀。

②：明日计划再过一遍任务四的知识点，同时完成任务四的登陆界面制作。

③：遇到的问题：暂无

④：收获是

‍‍（1）margin属性布局绝对定位元素情况下

marigin针对的元素脱离文档，margin值不对文档流中的元素产生影响，且偏移是以该元素文档流中原来位置作为参照。

IE6下的双倍边距情况。

‍‍（2）解决父div对象自适应高度问题三个方法

‍‍‍‍‍‍‍‍对父级设置固定高度（无法保持自适应高度）

‍‍使用css clear清除浮动（添加位置在父级</div>前加带clear对象盒子）

‍‍对父级样式加overflow样式（最简单方便）‍‍‍‍‍‍‍‍‍‍

（3）Float属性与Position兼容问题

同时运用2属性时，元素先浮动再偏移。

‍‍元素同时应用了position: absolute及float属性时float无效。‍‍

‍‍第一个元素应用了position之后会覆盖着接下来的float元素（如果两个元素所处的位置相同）。

【z-index修改对其无效↑】‍

‍‍同时应用position: absolute和float: left会导致清除浮动无效（position: relative则可以清除浮动）。‍‍

（4）元素撑满整个浏览器窗口高度的方法

‍‍ 方法：为html和body设置高度为100%

【‍‍因为页面并没有缺省的高度值，所以当让一个子元素的高度设定为百分比高度时，无法根据获取父元素的高度，就无法计算自己的高度。‍‍】

[**注意事项 1、Margins 和 padding 会让你的页面出现滚动条，也许这是你不希望的。2、如果你的元素实际高度大于你设定的百分比高度，那元素的高度会自动扩展。]

‍‍‍‍

‍‍‍

  ‍‍