发表于: 2017-04-04 17:59:58

3 660


今天完成的事情:

1、继续进行任务五,查看相关资料,并完成任务五;

(1)用box-sizing: border-box代码更改盒子模型,解决下部两个按钮宽度自适应问题(想了半天只想到这一种方法,若不是偶然想到以前看到过这个css3新增的盒子模型现在还卡在这里)

任务一到任务五中学习的技能中还有其他方法解决这个问题吗?

(2)用flex-shrink:0;(缩进为零)代码解决自我介绍栏目调试时左边跟着窗口变化问题(“自我介绍”几个字一行会随着窗口缩小由一行排列变成多行排列)

(3)调试发现第二个五角星与文字之间的空格不能显示,后来加了一层div可以正常显示(结论知道了,原因还没想到

<div class="box8"><div class="box9"> <img src="images/task55.png"> 住家</div><div><img src="images/task56.png"> 不含餐</div></div>这种写法第二个五角星与“不含餐”之间空格可以正常显示

<div class="box8"><div class="box9"> <img src="images/task55.png"> 住家</div><img src="images/task56.png"> 不含餐</div>这种写法第二个五角星与“不含餐”之间空格不能正常显示

为什么?

(4)增设下部外边距(相当于把网页变长了一截),解决自我介绍栏目被悬浮在底部的按钮遮挡的问题,不设这个边距右部滚动条拖到底部仍然看不全"自我介绍"栏目

2、写日报
明天计划的事情:

1、看师兄回复;

2、继续进行任务

3、写日报;
遇到的问题:

1、如上


收获:

初步完成任务五,其他如上



返回列表 返回列表
评论

    分享到