发表于: 2017-05-28 22:29:16

1 885


今天完成的事情:上午修改了昨天找职位页中布局的问题,然后开始编写搜索公司的静态页面,下午完成搜索公司的静态页面后开始套用搜索公司的代码,编写搜索职位的静态页面。晚上编写公司详情页的静态页面,目前已经完成一半。

明天计划的事情:继续公司详情页的代码编写,还有职位详情页的代码编写。下午准备小课堂的内容整理。晚上尽力完成在招职位的静态页面的编写。

遇到的问题;

 关于昨天找职位写死部分的布局问题,后来询问相博师弟有什么办法没有,因为是display:inline-block的影响,那就改用浮动来调整布局试试。然后按照建议,实践了一下,成功地解决了问题。然后按照此方法,编写了剩下两部分的代码编写。

 下午在编写搜索职位页时,遇到了一个问题,内容最后的最外层设置的margin-bottom起作用了,但是没有和footer分离开显示灰色的背景,仔细查看,发现确实分离了,但是有一行高度等于margin-bottom的值,但是等屏幕宽的白条。起初以为是内容部分有问题,就都注释掉,发现是最外层设置的问题。想了半天,没有想出问题的原因,所以还是找相博师弟,看看有没有遇到过这个类似的问题,在演示的过程中,我们发现设置的margin-bottom并没有算在总内容div中,他最后建议对总内容div设置overflow:hidden。我尝试了一下,解决了问题。margin的背景色成内容的灰色了。

收获:对display:inline-block的影响有了新的认识,以前以为这个挺好用,慢慢地减少了float的使用,现在又转变了,使用float的时候多了起来。display:inline-block的坑,好多是意想不到的,所以首先尝试display:inline-block,如果有问题,可以解决就还用,不能就换成浮动。


返回列表 返回列表
评论

    分享到