发表于: 2018-05-11 23:43:05

1 550


今天完成的事情:

把任务要求的做了出来。

把页尾换了一种方法重新做了一遍。

明天计划的事情:

明天计划用bootstrap把任务再做一遍。尽量把任务六完结。

对以前学到的东西进行一次总结。

遇到的问题:

在小盒子里加了<a>标签后,就成了左边这样,按照逻辑应该是都在一行的,给加了大盒子,三个小盒子都有display:inline-block;也没有外边距。加个<a>首页</a>就变成这样了。第一个盒子把后面的盒子挤下去了,第一个盒子明明两边都是空的。

代码还是昨天的代码。

2.

左边高度塌缩。原因是<a>标签是内联元素,而内联元素的特点是

高度、行高和顶以及底边距都不可改变
宽度就是它的文字或图片的宽度,不可改变

所以才会这样,可以给<a>加display:inline-block;就可以变回来了。

收获:

加深了对内联元素的理解:高度,行高和顶部以及底部边距都不可改变。

flex的方便,实用。



进度:task6

任务开始时间:2018.05.09

预计结束时间:2018.05.12

是否有延期风险:有

禅道:无





返回列表 返回列表
评论

    分享到