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