发表于： 2019-03-27 21:17:38
1 774
今天完成的事情：
学会运用background-size：cover；使尺寸小于盒子的背景图片拉伸至铺满盒子。
学会运用position：fixed将header紧贴在顶部，将foote紧贴在底部。
position:fixed;设置left：0；top：0；使header固定在页面左上角。设置left：0；bottom：0；将footer固定在页面左下角。content要用padding值留出header/footer的高度，不然内容会被header/footer遮住。（百度到的，但我觉得无论是header还是footer除了left还要把right也设置为0不然页面缩放的过程中会看到右边有空白的地方。）
完成了任务5的大致布局，（其实就只是把content用盒子一个个分好了地方）。
明天计划的事情：
继续完善任务5的页面布局。
遇到的问题：
任务4用手机访问，页面完全崩塌，需要修改任务4的代码，调试任务4 页面。头疼。
header布局折腾了很久，一直搞不定，不是图标和文字不在一行，就是文字无法实现垂直居中。最后尝试先把包含文字的盒子居中，把图标放在包含文字的盒子里才勉强搞定。对元素属性还是不了解。
想利用自定义列表完成content中的部分内容布局，还是不会运用，最后用回了float。
收获：
敲代码的时候给每一块盒子都加上背景颜色，更有利于观察盒子之间的变化，调试修改代码。
返回列表
评论