margin-top塌陷是在CSS的盒子模型中出现的一种现象，本文就介绍了CSS中外边距塌陷的八种解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
什么是margin-top塌陷
margin-top塌陷是在CSS的盒子模型中出现的一种现象，描述的是当父元素包裹着一个子元素的时候，当给子元素设置margin-top属性时，此时只是想让子元素的边框距离父元素边框有一段距离，而却出现了父元素的顶端距离body这个边框出现了位移，这就是margin-top塌陷的现象。
满足以下条件就会产生外边距塌陷现象：
1，子元素在父元素里面
2，子元素中有margin-top或者margin-bottom值
解决步骤
直接上代码，我这代码默认是具有外边距塌陷效果的，可以自己解开对应的注释进行调试。
Title
到此这篇关于CSS中外边距塌陷的八种解决方法的文章就介绍到这了,更多相关CSS 外边距塌陷内容请搜索0133技术站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持0133技术站！
以上就是CSS中外边距塌陷的八种解决方法的详细内容，更多请关注0133技术站其它相关文章！
