慕课网小米商城项目9-1_商品详情交互实现课程中选择版本出现的小问题

2021-06-07 187 阅读1分钟

在这里插入图片描述

选择版本这里会有这个问题，出现了字体在下面，而其实位置已经有了，经过检查发现.phone.fr的float: right;被删掉了

在这里插入图片描述

在detail.vue脚本中这个位置加入一下有浮动就好了

在这里插入图片描述

代码为

.phone.fr {
	float: right;
}

即可得到正确样式，如图

在这里插入图片描述