今天进行了王老师的课,王老师讲解了用户情景分析,对典型用户进行分析。
接下来两节课,我们继续进行每个队的任务。
昨天完成了虚拟售卖机的基本流程,
今天继续进行页面优化,进行下一项的用户信息确认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; }
标签:总结,4.17,text,每日,height,width,position,absolute,200px From: https://www.cnblogs.com/syhxx/p/17327437.html