发表于： 2019-07-09 23:28:46
1 785
一、今天完成的任务：
1.了解认识任务5背景图和如何自适应的相关资料
下面是找到的一些背景图相关的常用代码：
2.大致完成第一个界面的结构设置和部分css代码编写
成果如下：
二、明天计划的事情
上午完善第一个界面的css，下午完成第二个界面的大致结构
三、遇到的问题及思考
我在给header施加fixed定位的时候，header像是脱离了文档流，然后下面的内容就顶上去了，就像上图那样。
然后，我开始想的是给背景图那块区域再施加一个margin-top,距离等于header的高度，这样就会把内容再挤下来，从而达到要求。可是不知道为什么居然变成了下图这样子，header也居然跟着下来了，我就很纳闷了，我施加margin的对象明明是背景图的那块区域，怎么会影响到已经被我用fixed定位的header呢？虽然后来我用padding解决了问题，但是我还是没想明白，fixed不是基于浏览器定位的吗，怎么会因为我给背景图的盒子施加一个margin就会导致它的位置发生变化呢？
返回列表
评论