效果图:
结构思路:
1、把整个页面分成2个大盒子,分别是滚动区域main,和固定区域pay
注意:为了让滚动区域最底下的内容不被支付栏挡住,需要给.main设置padding或margin,值等于pay区域的高度
2、在大盒子pay里,进一步分成一左一右两个盒子,左边盒子里再包裹一个span标签,放价格“¥266.00”;在这个span标签里,再进一步把数字写在i标签里。
说明:分析结构时,红色字的盒子嵌套紫色字的盒子,紫色的盒子里嵌套黑色字的盒子。
css思路:
先写.pay{}
(1)固定定位在页面底部;
(2)调整显示模式为flex;
(3&#