为什么我给img元素设置外边距，并不会和上面的div的外边距合并？

为什么我给img元素设置外边距，并不会和上面的div的外边距合并？

慕函数0414863 2019-07-07

源自：盒子模型 3-23 margin外边距属性

4

收起

2回答

好帮手慕糖 2019-07-08 11:16:57

同学你好，因为图片并不是块级元素哦，可以将其设置为块级元素，会发现是有合并的，例：

希望能帮助到你，欢迎采纳。

祝学习愉快！

好帮手慕糖 2019-07-08 10:29:29

同学你好，建议：可以将代码粘贴过来哦，便于准确的定位与解决问题。

祝学习愉快！

提问者慕函数0414863 #1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> div{ width: 100px; height: 100px; margin: 20px; } img{ width: 100px; height: 100px; margin: 20px } </style> </head> <body> <div>顶顶顶顶顶顶顶顶顶顶</div> <img src=""> </body> </html> 上下外边距没有合并

2019-07-08 10:35:59

相似问题

在设置外边距的时候，什么时候是合并的？

老师，我的外边距没有合并，按理来说两个div的距离不应该是10px么？但是我的是20px，为什么呀

请问，为什么元素与元素之间的margin外边距是20px，而不是10px？

设置content内上边距100px和设置top外上边距100px不是一样吗？

子元素加外边距为撑大父元素吗

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载