发表于: 2018-06-30 23:41:18
1 780
今天完成的事情:(进行任务五的内容,学习了footer标签,学习了flex布局
总结表如下:但是目前还不会运用)
明天计划的事情:(继续学习任务五的内容,把flex布局弄懂,把任务五完成)
遇到的问题:(
今天的问题:使用position:fixed固定footer的时候,我刚开始是对两个盒子分别进行固定。得到的效果是两边与边框的距离固定,但是两个盒子中间的距离会变化(随着分辨率增大而增大)。与任务效果不一样。师兄提点说对父级进行固定。可以得到距离固定的两个盒子,再对其设置margin值。即可以得到任务效果。; 然后就是在设置main内容的时候,上半部布局用了float,导致上半部布局脱离文档流,在之后添加div的话就会出现在main的上方。然后尝试跳出main标签,在main标签下面加个div是可以得到想要的效果,即div是出现在上半部布局之下的,师兄告知,上半部布局可以使用flex布局,,既可以上半部布局得到效果,也不会脱离文档流 还有问题就是对flex布局不是很理解,不会用,继续学习中。。 还有个问题是 最下面的板块没有设置好,不知道具体问题是出在哪里
)
收获:(初步了解flex布局,float布局的缺点:会导致脱离文档流。在任务五上半部布局中用flex布局较好。)
评论