王者荣耀官网项目-底部以及内容中心分析（实训第五天）

分为两大块：内容一块、底部一块

内容：可分为左半区、右半区，先给一个大盒子，然后把大盒子分为两个部分

左半区：分为四个部分来写，

第一部分用两个盒子一个居左一个居右，然后用定位把右边定在右边，最后用偏移把对应的图标偏移出来

第二部分用无序列表来完成，给弹性布局，给li背景，给li一个底线，这里是还有切换效果，

第三部分也是用无序列表，弹性布局完成给li圆边框以及背景

第四部分这里用到弹性布局的超出自动换行的属性

右半区：定位定过去，分为四个部分

第一部分跟左侧一样

第二部分也是用到无序列表的弹性布局给li背景色，以及底线

第三部分是一张大的海月图片以及下面的文字

第四部分运用无序列表来完成