老师我不理解为什么会出现图片和遮罩层未对齐的情况,img离顶部本该就是48px啊。

老师我不理解为什么会出现图片和遮罩层未对齐的情况,img离顶部本该就是48px啊。

正在回答

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

1回答

你好同学 ,它外层的盒子距离顶部48px ,但是因为图片自身会有默认的一个间距 , 所以图片是没有与banner区域对齐的 ,可以结合定位实现位置 ,也可以像如下 ,为图片父元素设置font-size:0 .去除图片的默认间距 :

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

希望解答了你的疑惑 ,祝学习愉快 ,望采纳

  • Tammyy 提问者 #1
    老师,但是我图片的宽高和bnner的宽高都是一样的。而且图片是放在banner内部的,这时图片不应该是占满banner,离顶部也是48px吗?为什么图片会往下移动了,太抽象了,理解不了啊。
    2018-10-21 18:40:38
  • 好帮手慕夭夭 回复 提问者 Tammyy #2
    老师上面有说哦 ,这是图片默认的间距 。默认的间距把图片挤下来一点哦 。
    2018-10-21 19:20:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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