发表于： 2018-12-26 17:42:53
1 951
今天完成的事情：
根据修改意见，对任务5的内容进行修改
1.使用border来做分割线，不符合要求，重新使用img的方式。
2.底部按钮的边距和设计图不一致，进行修改。
3.完成任务6的header部分布局
明天计划的事情：
1.学习精灵图的制作和使用
2.学习使用列表元素布局
遇到的问题：
1. 完成任务6 head布局的使用，最右侧的位置图片使用的绝对定位垂直居中。在head下面的DIV添加元素的时候，位置图片会自动向下移动。
最终解决： 在head里面使用相对定位，问题解决。
收获：
1. 使用绝对定位的时候要注意，一定要在父元素上使用相对定位。否则，就会出现奇怪的问题。
2. 使用固定定位的时候，DIV不会自动占满当前行。需要设置width：100%
3. 元素的width占用的只是内容占用的宽度，元素实际占用的空间，还要包括padding、border、margin等。但是button元素例外。
返回列表
评论