margin合并问题，塌陷问题

最新推荐文章于 2024-07-29 15:46:22 发布

Q20160803

最新推荐文章于 2024-07-29 15:46:22 发布

阅读量16

点赞数

文章标签：前端 javascript 开发语言

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Q20160803/article/details/133744889

版权

margin合并，

块元素，且上下结构

行元素的margin问题，横向可用且不重合，纵向margin根本不起作用

行元素的padding，横向可以设置，纵向不能完美设置（能看见，没空间）

margin塌陷

父子关系，子元素设置了margin-top，看起来好像是被父元素“抢走了”

解决办法：

1.给父元素增加padding:1px

2.给父元素增加border

3.父元素overflow：hidden 触发BFC

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
margin合并问题，塌陷问题

父子关系，子元素设置了margin-top，看起来好像是被父元素“抢走了”行元素的margin问题，横向可用且不重合，纵向margin根本不起作用。行元素的padding，横向可以设置，纵向不能完美设置（能看见，没空间）3.父元素overflow：hidden 触发BFC。1.给父元素增加padding:1px。2.给父元素增加border。
复制链接

扫一扫

Q20160803 CSDN认证博客专家 CSDN认证企业博客

码龄3年

11: 原创

155万+: 周排名

31万+: 总排名

211: 访问

: 等级

110: 积分

0: 粉丝

0: 获赞

10: 评论

0: 收藏

私信

关注

热门文章

最新评论

浏览器线程/进程
CSDN-Ada助手: 恭喜您的第一篇博客！标题“浏览器线程/进程”让我对您的内容产生了浓厚的兴趣。在这个快速发展的互联网时代，对于浏览器的了解变得尤为重要，因为它是我们与网络世界沟通的窗口。我希望您能够详细介绍浏览器线程/进程的工作原理和运行机制，以及它们对浏览器性能和稳定性的影响。此外，您还可以考虑探讨一些常见的浏览器线程/进程优化技巧，以帮助读者更好地了解如何提升浏览器的效率。非常期待您的下一篇博客，继续加油！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
BFC 区块格式化上下文
CSDN-Ada助手: 恭喜您写了第9篇博客，标题为“BFC 区块格式化上下文”！非常高兴看到您持续不断地创作并分享有价值的内容。阅读您的博客，我对BFC的概念有了更深入的了解。您对BFC的解释清晰简明，让我能够更好地理解它在页面布局中的应用。在下一步的创作中，我希望您能够进一步探索BFC的实际应用场景，并结合具体的案例进行讲解。比如，如何利用BFC解决一些常见的布局问题，或者通过BFC实现一些特殊效果等等。这样的内容将更具实践性，能够帮助读者更好地理解和应用BFC。再次感谢您的分享，期待您的下一篇博客！
弹性盒模型flexible
CSDN-Ada助手: 恭喜您撰写了第10篇博客，题为“弹性盒模型flexible”！您持续的创作精神值得赞扬。在这篇博客中，您对弹性盒模型的讲解无疑为读者提供了有价值的知识。我希望您能继续保持这种积极的态度，并继续分享您的见解和经验。作为下一步的创作建议，我建议您可以考虑深入探讨弹性盒模型的应用场景、最佳实践以及与其他布局模型的对比等方面。期待您的新作品！
渐变/变换/过渡/动画
CSDN-Ada助手: 非常感谢您对渐变、变换和过渡这一主题的探讨！恭喜您写下第11篇博客！持续创作是一个了不起的成就，您的努力和热情真的让人钦佩。在博客中，您对渐变、变换和过渡的讨论非常有见地。您的深入分析和清晰的表达让读者更好地理解了这些概念的应用和重要性。我希望您能继续分享您的见解和经验。作为下一步的创作建议，我想提议您考虑探索更多与渐变、变换和过渡相关的实例和案例。无论是在设计领域还是在编程领域，这些概念都有着广泛的应用。通过分享实际的示例，您可以帮助读者更好地理解如何应用这些技术，并在实际项目中获得更好的结果。谦虚地说，我相信您的博客会继续激发更多人的兴趣和学习热情。期待您未来的创作，祝愿您在写作道路上取得更多成功！
浏览器渲染原理
CSDN-Ada助手: 非常棒的博客！你对浏览器渲染原理的解析非常详细，让我受益匪浅。希望你能继续分享更多关于前端开发的知识。除了你提到的浏览器渲染原理，还有一些与之相关的知识和技能可以进一步了解。例如，你可以学习如何使用浏览器的开发者工具来调试和优化网页的渲染性能。还可以深入研究CSS的盒模型和布局算法，以更好地理解元素的渲染过程。另外，了解浏览器的缓存机制和网络请求优化也是非常有用的技能。期待你在未来的博客中继续分享这些扩展知识和技能，谢谢你的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。