图文外边距的问题

图文外边距的问题

问题描述：

为什么我给整个房源盒子oodsBox加外边距的时候，它的下边距不是在图文底下显示的？图文productinfo是oodsBox里的内容才对，外边距应该显示在图文下的

相关截图：

6385db900001175219160957.jpg6385dccc0001763b19171031.jpg
枫林晚4969008 2022-11-29
源自：第1天：倾慕客栈网页布局   5-8 房源信息需求分析与结构搭建
2
收起

正在回答 回答被采纳积分+1

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

1回答
好帮手慕小李 2022-11-29 18:48:40

同学你好，截图中看，老师猜测大概率是因为productinfo脱离了文档流导致的，同学如果这里使用了绝对定位，那么父级要加上相对定位。另建议将写代码贴上来（不要截图）老师拿同学的代码测一下，详细定位一下问题。

祝学习愉快！

0
收起回答
  • 提问者 枫林晚4969008 #1

    好的谢谢，找到问题了 是上面的元素没设置高度所以外边距不生效

    2022-11-29 19:51:45
  • 好帮手慕小李 回复 提问者 枫林晚4969008 #2

    同学能自己排查问题很棒！继续努力，祝学习愉快！

    2022-11-29 22:02:48
问题已解决，确定采纳
还有疑问，暂不采纳

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

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

0 星

相似问题

如图的最大盒子的宽度可以设定为自适应的吗？该如何使图片外边距与盒子边框相等?
0 0 5
设置content内上边距100px和设置top外上边距100px不是一样吗？
39 0 5
在设置外边距的时候，什么时候是合并的？
18 1 3
图片右侧清除外边距 文字压盖 代码优化
24 0 4
不清除内外边距
0 0 3

登录后可查看更多问答，登录/注册

零基础 前端工程师体验营
  • 参与学习           人
  • 解答问题       171    个

0基础跨行跨专业想学习编程却难以抉择技术方向？别慌！本课程专为想了解前端开发的小伙伴量身打造，采用案例驱动与互动式教学，开发倾慕客栈项目的同时，还可以对前端基础知识点进行学习！

了解课程

本课精华内容

问答 作业

轮播图的....显示在图片下面而不是上面

42 10

关于ul里面第一个li控制不上，试了好几种方法，也加了class也不行

5 7

跟课程做的一模一样 打开却没有任何效果

43 6

我给.navbar一个最小宽度的宽度，但是拖动浏览器没有效果，求指导

4 5

banner切换失败

10 5

查看更多本课问答
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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