发表于: 2018-05-23 23:00:44

1 641


今天完成的事情:1.task5基本做完了


明天计划的事情:1.研究html和css的命名规则,完成task5

                           2.开始做task6        

                 收获:1.加深了对盒子模型的认识,还有对float布局的认识。

                           2.学会了用background-size/position/repeat/image

                           3.学会了用margin-left来做左端固定,右端宽度自适应的div。

                           4.学会了用fixed固定元素,并用z-index处理层叠关系。

今天遇到的问题:1.在进行task5的footer布局的时候,两个按钮宽度用的是vw做单位后,在Chrome开发者模式中发现100vw居然比实际宽度要大,不知                                道为什么。

                           2.在做task5的footer的时候,想让按钮中的字和按钮居中,水平居中用的text-align,垂直居中用的flex里的align-item,发现两者居然                                冲突,最后用的text-align固定水平,position:relative强凑的垂直,不知道还有什么解决方案。

                          3. 在进行中间主体部分布局的时候,为了做出个人介绍那块左边固定,右端宽度自适应的时候,用到了margin-left,但这里必须用到                                    position:relative才能让布局正常,能不能还有其他方法布局。

                           4.在一个元素声明了clear:right后,右边还是会出现浮动元素,该怎么处理。

                           5.vertical-align:center在用的时候有时候没有效果,不知道为啥


返回列表 返回列表
评论

    分享到