网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索

 
 
 
日一二三四五六
       
       
       
       
       
       

签到排名:今日本吧第个签到,

本吧因你更精彩,明天继续来努力!

本吧签到人数:0

一键签到
成为超级会员,使用一键签到
一键签到
本月漏签0次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行补签。
连续签到:天  累计签到:天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
11月04日漏签0天
taro吧 关注:30贴子:52
  • 看贴

  • 图片

  • 吧主推荐

  • 游戏

  • 0回复贴,共1页
<<返回taro吧
>0< 加载中...

【Taro问题笔记】其三 css中margin的问题

  • 只看楼主
  • 收藏

  • 回复
  • 澈
  • 亮了瞎了
    9
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
在写demo的过程中,我在写下面的页面:

黄色部分为头部背景图片,为方便展示我将其换成了黄色,上图已经是我修复后想要的页面效果。
----------------
在这之前我碰到一个无法解决的问题:

就是在页面上方出现了1rem的margin
----------------------
把两张图放在一起好对比一下(百度贴吧图片宽度限制不能超过570px,气哭,不能放一排):


通过调试器选择,发现页面上方的margin其实是不存在的:
容器:

头部:


其中,头部要作为背景图,所以位置是绝对的
然后设置了margin的地方是下面body里的三个卡片,先看下body,无margin:


body中的三个卡片均使用class样式myCard:


经过多次修改调试,发现就是myCard的margin影响到了绝对位置的头部,但是头部选中后发现确实是没有margin,页面顶部的1rem的margin无法选中,原因不明。
最终修改myCard的margin为:
margin:0 1rem 1rem 1rem,去除所有卡片顶部margin后,问题解决:


不知道是为啥,是否是taro-ui的bug?
总结一下感觉就是,相对位置的卡片的顶部margin对绝对位置的部分产生了影响,使页面顶部出现了并不存在的顶部margin,导致出现页面空白。
tarojs版本:2.2.12
taro-ui版本:2.3.4


登录百度账号

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频!
  • 贴吧页面意见反馈
  • 违规贴吧举报反馈通道
  • 贴吧违规信息处理公示
  • 0回复贴,共1页
<<返回taro吧
分享到:
©2025 Baidu贴吧协议|隐私政策|吧主制度|意见反馈|网络谣言警示