发表于: 2016-02-18 15:14:26

2 1404



今天完成的事情:


  1.重新敲了一遍task4,大概完成了90% 去慕课网学习了一下固定定位


明天计划的事情:

   1.把task4完成,

   2.完成task5


遇到的问题:

    Q:固定定位如何实现?????

    A:我在慕课网上看的视频(http://www.imooc.com/learn/55),我自己的总结就是:

           1.fix和absolute都是属于绝对定位的范畴,然后特点就是:完全脱离标准文档流,兄弟元素不再受其影响。

              我的理解就是好比一条路上堵车         di1 .........div2........div3.............div4    

              然后你给div2设置position:fixed属性, div2就变成了一架飞机,飞到天空中(但是由于是fixed,所以固定不动)。            

              这样路上还有三辆车,div1.............div3....................div4(div2脱离标准文档流飞在空中)div3和div4自动向前排列,占据了原本是div2的位置。

           2.就是绝对定位的偏移量问题

               1.absolute------>无已经定位的祖先元素-------------->以html来偏移

               2.absolute------->有经定位的祖先元素-------------->以最近的父元素来偏移

               3.fixed------------>没有设置偏移量------------------->以最近的父元素来偏移

               4.fixed------------>有设置偏移量(哪怕只写了top:0px;left:0px;)---->以浏览器窗口来偏移

            3.设置fixed之后的遮盖问题

               接上面第一问中的故事,div2起飞了,div3跑到了div2原来的位置,这样从空中俯视(上帝视角)div2和div3就重叠了(只看见div2,看不见div3),这样就需要设置div3的margin-top(是div3和div1的距离)让div3退出空中div2的阴影,才能从空中重新看见div3




          未解决的问题:


       Q:就是任务的要求,有的时候对于零基础的我来说看的比较晕乎,我花了比较多的时间,一条一条的分析任务的要求


            任务123我都能看懂,但是4的“只延伸输入框到满屏”我一开始没怎么想明白,后来想明白了也不知道怎么实现,

           我现在的问题就是,如果缩小浏览器到一定程度,我的图片还在,input输入框就不见了,附上我的代码,明天去问问师兄把

            http://119.10.57.69:8002/task4lu/task4.html


           Q:还有一个问题是我的页面在chrome上能很好地打开,在火狐上图片就显示不出来了(我本地打开代码到火狐也是可以的,上传到服务器后就不行了???求教)


                                      

           


ps:有一个小小的希望,就是任务能不能以gif之类的格式展现,我能看到任务打开后的动态效果,这样我对任务要求的理解也会方便一些



收获:

          感觉自己开始对一个问题反复推敲了,不断去自己尝试每一个可能性,以前的话有问题,我直接找答案,答案上写的是什么,我就去记住背诵什么,不经过自己的思考。

           然后是以前也看过慕课网的一些视频,时间一久就忘。这次看的话自己有去做笔记,写日报的时候有去想如何用自己的语言去和别人讲述这个概念,慢慢的对知识点的领悟也就越来越深。

          希望能加快速度吧。

          然后感谢师兄19的耐心指导,和运维大师兄001和执法长老对于我死皮赖脸,无理取闹的包容。加油!!!






返回列表 返回列表
评论

    分享到