1.任务四依然没完成

2.学会了不少新东西

明天计划的事情：

1.完成任务四

2.

1.输入框和手机图标高度不一致。

收获：

第一：今天一天没什么进度，本来昨天做的好好的头部，今天无论如何也调整不过来了，可惜昨天的代码没有重新保存，直接在上面改的，改错了，也改不回来了。

 line-height: 60px;是行高的意思，也就是说，第一行和第二行之间的距离是60px。

overflow就是如果发生元素溢出的情况，要不要提供滚动条，hidden就是隐藏溢出的东西，不提供滚动条。

scroll就是默认提供滚动条。

之所以在html里面提供这个，就是为了防止溢出，目的就是在手机图标和输入框的地方提供防护。

第二。

position: absolute;这个就是提供绝对定位，通过top， bottom，left， right，它的上下左右，都是按照顺时针顺序来的，其实是上右下左。

如果两个，就是前一个都是上下；第二个都是左右。

绝对定位不占据空间。

给hearder提供一个margin-bottom外边框，来保证它的下面和输入框有一定的间隔，

这个margin和padding有什么区别，泽平大佬问我很多遍，它的区别就是，padding是计算在盒子内部的，margin是外部的。比如一个块，宽度是100，输入内容的地方，宽50，那么padding最宽一边是25，多了就会出来了。

三。

display: inline-block;

这个一般有三个属性，一个是inline，一个是inline-block，一个是block

那么这三个属性的区别是，inline不可以加width或者height的限制，加了也不会显示。

inline-block是行内块元素，也就是这些块会在同一行，block是块元素，如果没有inline的限制，那么block会竖向排列。

然后就是清除浮动的内容，首先为什么要清除浮动，因为如果不清楚浮动的话，其他元素是有一定高度的，加了浮动输定，高度会塌陷，那么以前的布局会紊乱，所以要加一个清除浮动的内容。

至于怎么清除，一般用很简单的方法：

.clear{

clear:both

}

浮动元素不占用空间，如果加了别的内容，高度会超过容器的高度，造成布局混乱，内容溢出。

四。

大佬还教了我那个span

用来组合文档种的行内元素。。。

什么意思，没理解。。

五。昨天做那个手机小图标在中间的时候，只是用了个很简单的padding：10px 0；

但是我自己做，老是没有那个效果。

还有那个竖线，用的是border-right，一开始我加了个风格，style，但是加了风格之后，就没办法加颜色了，只能是那个实线，solid。

还有，第一个输入框和第二个输入框，也要有一个空间，但是这个空间出不来了，所以只好加了个div

，相当于强制加了一块内容，配好宽度，高度，还有背景颜色。

昨天做哪个main的时候，一开始无法加高度和宽度，加了display：inline-block之后，就可以了。

进度：CSS任务四