今日完成的事

1.学习了用border制作小三角型，一开始在做三角形时总是也做不好，形状不是宽了就是窄了，跟着教程作也不对，后来查了半天百度才知道，width必须得为0，不然他就有宽度了，这才解决。

2.修改任务六，师兄说任务六的中间文字缩放起来应该有省略号，开始我以为只是加一条属性几分钟的事，没想到这一个问题卡了我好几个小时。开始我百‍‍度查到了text-overflow: ellipsis;这个属性，我以为加上就完事了，结果加上之后没反应。我又百度了好长时间，‍‍才知道要和overflow:hidden;属性一起连用，把overflow:hidden;属性加上以后发现，当盒子缩小时它自动换行了，我又查找‍‍了一条white-space: nowrap;属性加上，以为这次绝对可以万无一失了，结果最大的坑来了，当我把所有属性都加上后还是没反应，这下我是彻底懵逼了，百度也没百度出原因，查了师兄的日报也没找到原因。最后自己专研了很长时间才终于搞明白，要想text-overflow: ellipsis;这条属性生效你的内容必须是标准流，也就是说你的文本如果用了浮动，绝对定位这种脱离标准流的属性text-overflow: ellipsis;这条属性是不生效的，这可把我害苦了，因为我的整个main部分都是在li这个大盒子‍‍用relative;里面子元素用‍‍absolute元素定位的，也就是说我的文字都是脱离标准流的，所以说text-overflow: ellipsis;这条属性一直没生效，但是开发者工具也没显示这条属性错误所以就一直没找到，因为我的整个main部分都是用absolute写的，所以修改的话相当于重写一遍。之后我在li里新建了两个width个50%的子元素，然后在里面建几个小盒子，用margin和padding来调整位置成功解决了。‍

3.完成了任务七的一张页面

这个页面并没有什么难得只是用以前的知识就够了，只是要求图片与里面的文字在扩大时要百分比扩大，我开始时用的是百分比，但是发现并不好用，看了眼师兄的代码，发现师兄用的是vw，我改用vw后果然好了很多。

明天计划的事

完成任务7的剩下两张页面

遇到的问题

修改任务六时发现一个问题，如果前面的盒子脱离文档流了，那么后一个盒子应该进行补位，但是如果后一个盒子设置成display：flex就不会进行部位了。这个不知道怎么回事。

收获

对text-overflow: ellipsis;这个属性理解很深刻了。稍微了解了下隐藏属性display：none。