每日总结 4.17

今天进行了王老师的课，王老师讲解了用户情景分析，对典型用户进行分析。

接下来两节课，我们继续进行每个队的任务。

昨天完成了虚拟售卖机的基本流程，

今天继续进行页面优化，进行下一项的用户信息确认web实现。

困难，页面的设计div无法理想实现，解决：最后经过div内嵌，位置分布解决。

@charset "UTF-8";
p{
font-size: 25px}

video {
        width: 100%;
        height: 50%;
        /* 让视频内容布满整个盒子 */
        object-fit: fill;
    }
.div{
width: 250px;
height: 700px;
position: absolute;
left: 520px;
top: 20px;
text-align:center;
}
.ins{
    position:absolute;
    right:0;
    left:0;
    top:0;
}
.in{
    position:absolute;
    right:0;
    left:0;
    bottom:0;
}
.div2{
width: 200px;
height: 200px;
position: absolute;
left: 830px;
top: 20px;
text-align:center;
}
.p1{
border: 1px solid black;
}


.bigcontent {
        width: 100%;
        height: 500px;
        box-sizing: border-box;
        /* 盒子类型选择border-box */
        /* 因为我们一旦设置盒子的padding-bottom、padding-bottom、
        反正是padding之类的，
        就会把我们的盒子撑大，所以我们得将盒子的类型设置成 box-sizing: border-box */
    }
.divx{
width: 200px;
height: 300px;
position: absolute;
right: 120px;
top: 20px;
text-align:center;
    }
.divxs{
width: 200px;
height: 200px;
position: absolute;
right: 100px;
bottom: 50px;
text-align:center;
    }
.divxs1{
width: 200px;
height: 200px;
position: absolute;
right: 520px;
margin-top: 320px;
text-align:center;
    }