给热卖推荐标题前后伪类设置绝对定位百分比和宽度百分比都是相对于元素本身来算的?

给热卖推荐标题前后伪类设置绝对定位百分比和宽度百分比都是相对于元素本身来算的?

top:50%

width:40%

都是相对title本身来算的,top我可以理解,在titile中间,width设置为40%不会吧超出热卖推荐这几个字的位置吗?感觉热卖推荐占比不只20%?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好!

这个宽度是相对于recommend-title设置的。整个宽度是375px,before占40%为150px:

http://img1.sycdn.imooc.com//climg/5d74c115000118ab03970099.jpg

http://img1.sycdn.imooc.com//climg/5d74c11c00012d6303990069.jpg

所以“热卖推荐”和旁边的空隙是占20%的。

http://img1.sycdn.imooc.com//climg/5d74c16c0001e06504190070.jpg

如果帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师