【博学谷学习记录】超强总结，用心分享丨手机网页版确认订单页面的制作思路

效果图：

 结构思路：

1、把整个页面分成2个大盒子，分别是滚动区域main，和固定区域pay

注意：为了让滚动区域最底下的内容不被支付栏挡住，需要给.main设置padding或margin，值等于pay区域的高度

 2、在大盒子pay里，进一步分成一左一右两个盒子，左边盒子里再包裹一个span标签，放价格“¥266.00”；在这个span标签里，再进一步把数字写在i标签里。

说明：分析结构时，红色字的盒子嵌套紫色字的盒子，紫色的盒子里嵌套黑色字的盒子。

css思路：

先写.pay{}

（1）固定定位在页面底部；
（2）调整显示模式为flex;

（3&#