发表于: 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、如上
收获:
初步完成任务五,其他如上
评论